@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f1ea;--bg-soft: rgba(255, 252, 246, .72);--surface: rgba(255, 252, 246, .84);--surface-strong: rgba(255, 255, 255, .92);--surface-dark: #13212c;--line: rgba(28, 49, 63, .12);--line-strong: rgba(28, 49, 63, .2);--text: #152330;--text-muted: #61707c;--brand: #27485b;--brand-strong: #17394c;--accent: #bc9362;--accent-soft: rgba(188, 147, 98, .16);--success: #4e7260;--shadow: 0 24px 60px rgba(25, 40, 52, .12);--shadow-soft: 0 18px 40px rgba(20, 33, 43, .08)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(188,147,98,.2),transparent 32%),radial-gradient(circle at top right,rgba(101,136,122,.18),transparent 28%),linear-gradient(180deg,#f7f3ec,#f2eee5 48%,#ece7de)}body{margin:0;min-height:100vh;color:var(--text);font-family:Manrope,sans-serif;background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.font-display{font-family:Cormorant Garamond,serif}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 24rem),radial-gradient(circle at 10% 20%,rgba(188,147,98,.08),transparent 18rem),radial-gradient(circle at 90% 10%,rgba(65,101,118,.1),transparent 20rem)}.glass-panel{background:var(--surface);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.glass-panel-strong{background:var(--surface-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);box-shadow:var(--shadow)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#f8f5ef;box-shadow:0 14px 32px #17394c3d}.brand-button:hover{filter:brightness(1.04)}.brand-button-secondary{background:#ffffffb8;color:var(--brand-strong);border:1px solid rgba(23,57,76,.12)}.brand-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(23,57,76,.1);background:#ffffff9e;color:var(--text-muted);font-size:.78rem;font-weight:600;max-width:100%}.brand-grid{background-image:linear-gradient(rgba(39,72,91,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(39,72,91,.05) 1px,transparent 1px);background-size:32px 32px}.reader-paper{position:relative;overflow:hidden}.reader-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 12rem),radial-gradient(circle at top left,rgba(188,147,98,.08),transparent 16rem)}.reader-prose{color:#1c2c37;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,1.15rem + .35vw,1.48rem);line-height:1.92}.reader-prose.reader-font-serif{font-family:Cormorant Garamond,serif}.reader-prose.reader-font-sans{font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}.reader-prose.reader-font-song{font-family:STSong,SimSun,Songti SC,serif}.reader-prose.reader-font-kaiti{font-family:STKaiti,KaiTi,Kaiti SC,serif}.reader-prose p{margin:0 0 1.5rem}.reader-prose h1,.reader-prose h2,.reader-prose h3,.reader-prose h4{font-family:Manrope,sans-serif;color:#17394c}.highlight-word{border-bottom:2px solid rgba(188,147,98,.86);cursor:pointer;transition:background-color .18s ease,border-color .18s ease;border-radius:.3rem;position:relative;padding:0 .08rem}.highlight-word:hover{background-color:#bc936229}.highlight-collocation{border-bottom:2px dashed rgba(78,114,96,.8);cursor:pointer;transition:background-color .18s ease,border-color .18s ease;border-radius:.3rem;position:relative;padding:0 .08rem}.highlight-collocation:hover{background-color:#4e72601f}.highlight-word:after,.highlight-collocation:after{content:attr(data-meaning);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.7rem;background:#13212cf5;color:#f5eee2;padding:.65rem .85rem;border-radius:.8rem;font-size:.82rem;white-space:normal;min-width:11rem;max-width:16rem;display:none;z-index:40;box-shadow:0 18px 30px #090f143d;pointer-events:none;line-height:1.5;text-align:center;font-family:Manrope,sans-serif}.highlight-word:before,.highlight-collocation:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.25rem;border-width:6px;border-style:solid;border-color:rgba(19,33,44,.96) transparent transparent transparent;display:none;z-index:40}.highlight-word:hover:after,.highlight-word:hover:before,.highlight-collocation:hover:after,.highlight-collocation:hover:before{display:block}.mobile-interaction-mode .highlight-word:hover:after,.mobile-interaction-mode .highlight-word:hover:before,.mobile-interaction-mode .highlight-collocation:hover:after,.mobile-interaction-mode .highlight-collocation:hover:before{display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popup-anim{animation:fadeInUp .18s ease-out forwards}@media(max-width:768px){.app-shell{background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 16rem),radial-gradient(circle at 10% 10%,rgba(188,147,98,.06),transparent 14rem),radial-gradient(circle at 90% 0%,rgba(65,101,118,.08),transparent 16rem)}.brand-grid{background-size:24px 24px}.reader-prose{font-size:1.06rem;line-height:1.88}.reader-prose p{margin:0 0 1.2rem}.highlight-word:after,.highlight-collocation:after{min-width:9rem;max-width:13rem}}