.learning-notebook{--ink:#29272b;--muted:#818087;--line:#ebe7e9;--pink:#d96982;max-width:1020px;margin:0 auto;color:var(--ink);font-family:"LXGW WenKai TC","Noto Serif SC",sans-serif}
.learning-notebook *{box-sizing:border-box}
.learning-notebook a{color:#a94762;text-decoration:none;border-bottom:1px solid #e7b5c3}
.learning-notebook a:hover{color:#87344d;border-bottom-color:currentColor}
.ln-page-header{text-align:center;padding:1rem 0 2rem}
.ln-eyebrow{color:var(--pink);letter-spacing:.26em;font:600 .7rem "Mulish",sans-serif;margin:0 0 .65rem}
.learning-notebook .ln-page-header h2{color:#211f23;font:500 clamp(1.8rem,4vw,2.8rem)/1.3 "Noto Serif SC",serif;margin:0}
.ln-page-header p:last-child{color:var(--muted);margin:.7rem 0 0;font-size:.86rem}
.ln-topic-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem .1rem 1.1rem;scrollbar-width:none;max-width:520px;margin:0 auto}
.ln-topic-nav::-webkit-scrollbar{display:none}
.learning-notebook .ln-topic-nav a{flex:none;border:1px solid #e9e1e5;border-radius:999px;background:#fff;color:#6b646a;padding:.34rem .8rem;font-size:.73rem;white-space:nowrap}
.learning-notebook .ln-topic-nav a:hover{border-color:var(--pink);color:#a94762}
.ln-phone{width:min(100%,520px);margin:0 auto 4rem;padding:10px;border:1px solid #e6e1e4;border-radius:34px;background:#fff;box-shadow:0 18px 60px rgba(40,29,37,.1)}
.ln-app{overflow:hidden;border-radius:26px;border:1px solid #f1edef;background:#f7f7f8}
.ln-app-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);padding:1rem 1.15rem .9rem}
.ln-app-mini{display:flex;justify-content:space-between;color:#9a9298;font:600 .66rem "Mulish",sans-serif;letter-spacing:.08em;margin-bottom:.7rem}
.ln-app-title{display:flex;align-items:center;gap:.65rem}
.ln-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#f7e9ed;color:#a74b63;font:italic 1.1rem Georgia,serif}
.ln-app-title strong{display:block;font:600 1rem "Noto Serif SC",serif;color:#28262a}
.ln-app-title small{display:block;color:#a09aa0;font-size:.65rem;margin-top:.1rem}
.ln-chat{height:min(72vh,760px);min-height:450px;overflow-y:auto;overscroll-behavior:contain;padding:1.35rem .85rem 2rem;scroll-behavior:smooth;scrollbar-color:#d8cfd4 transparent;scrollbar-width:thin}
.ln-note{text-align:center;max-width:26rem;margin:0 auto 1.3rem;color:#98939a;font-size:.68rem;line-height:1.6}
.ln-divider{display:flex;align-items:center;gap:.65rem;margin:2.2rem 0 1.2rem;color:#928a90;font-size:.72rem;scroll-margin-top:1rem}
.ln-divider::before,.ln-divider::after{content:"";height:1px;flex:1;background:#e3dde0}
.ln-msg{display:flex;gap:.5rem;margin:0 0 1rem;align-items:flex-end}
.ln-msg.me{justify-content:flex-end}.ln-msg.ai{justify-content:flex-start}
.ln-msg-icon{display:grid;place-items:center;flex:none;height:25px;width:25px;margin-bottom:3px;border-radius:50%;background:#f0e1e6;color:#a54c65;font:italic .78rem Georgia,serif}
.ln-bubble{max-width:min(86%,390px);padding:.85rem 1rem;border-radius:17px;font-size:.88rem;line-height:1.8;overflow-wrap:anywhere}
.ln-msg.me .ln-bubble{background:#e9eefc;border-bottom-right-radius:5px;color:#30384b}
.ln-msg.ai .ln-bubble{background:#fff;border:1px solid #eee9eb;border-bottom-left-radius:5px;box-shadow:0 2px 8px rgba(42,33,39,.03)}
.ln-bubble p{margin:0 0 .85rem}.ln-bubble p:last-child{margin-bottom:0}
.ln-bubble h4{margin:1.25rem 0 .35rem;color:#4c3c44;font:600 .88rem "Noto Serif SC",serif}.ln-bubble h4:first-child{margin-top:0}
.ln-msg-label{color:#a5a0a6;font:600 .62rem "Mulish",sans-serif;letter-spacing:.12em;margin:0 0 .25rem}.ln-msg.me .ln-msg-label{text-align:right}
.ln-msg-block{max-width:100%}
.ln-assignment-link{display:inline-block;margin:.8rem 0 0;font-size:.73rem}
.ln-proof{margin:.9rem 0 0;border-top:1px solid #f0edef}.ln-proof summary{color:#8c7f87;cursor:pointer;padding:.55rem 0 .15rem;font-size:.7rem}
.ln-ocr{margin:.9rem 0 0;border-top:1px solid #f0edef}.ln-ocr summary{color:#8c7f87;cursor:pointer;padding:.55rem 0 .15rem;font-size:.7rem}.ln-ocr-page{border-top:1px solid #f2eff1;padding:.65rem 0}.ln-ocr-page strong{display:block;color:#ae7587;font-size:.7rem;margin-bottom:.35rem}.ln-ocr-page p{font-size:.75rem;line-height:1.7;color:#66616a;white-space:pre-wrap;margin:0}
.ln-proof-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.6rem}.ln-proof-images a{border:1px solid #eee}.ln-proof-images img{width:100%;height:auto;display:block}
.ln-phone-footer{padding:.75rem 1.15rem;background:#fff;border-top:1px solid var(--line);color:#aaa3a9;font-size:.72rem}
.ln-paper{border-top:1px solid #e9e5e7;padding:3rem 0 0}.ln-paper-head{display:flex;align-items:baseline;gap:.8rem;margin:0 0 .4rem}.ln-paper-head span{color:var(--pink);font:italic 1.3rem Georgia,serif}.learning-notebook .ln-paper-head h2{color:#242126;margin:0;font:500 1.8rem "Noto Serif SC",serif}.ln-paper-note{color:var(--muted);font-size:.78rem;margin:0 0 1.5rem}
.ln-paper-item{padding:1.55rem 0;border-top:1px solid #e9e5e7;scroll-margin-top:1rem}.learning-notebook .ln-paper-item h3{display:flex;justify-content:space-between;gap:1rem;color:#2c292e;margin:0 0 .8rem;font:500 1.18rem "Noto Serif SC",serif}.ln-paper-item h3 em{color:#aa7c8b;font:italic 1.2rem Georgia,serif;white-space:nowrap}.ln-paper-item p{color:#4e4b51;line-height:1.85;font-size:.93rem;margin:.55rem 0}.ln-paper-item .ln-back{font-size:.75rem}
@media(max-width:600px){.ln-page-header{padding-top:.2rem}.ln-phone{padding:0;border-radius:25px;box-shadow:0 10px 32px rgba(40,29,37,.09)}.ln-app{border-radius:24px}.ln-chat{height:min(74vh,700px);padding:1rem .65rem 1.5rem}.ln-bubble{max-width:88%;padding:.75rem .85rem;font-size:.84rem}.ln-paper{padding-top:2rem}}