:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#2c2039;background:#fbf9fd;font-synthesis:none;--purple:#7546a5;--purple-dark:#4d276f;--pink:#d35b93;--gold:#c99a4c;--ink:#2c2039;--muted:#766c80;--line:#e9e0ee;--paper:#fff;--soft:#f4edf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 4%,#f4e8fb 0,transparent 24rem),#fbf9fd;color:var(--ink)}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #d7a6eb;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;left:1rem;top:-5rem;background:#fff;padding:.8rem 1rem;border-radius:.6rem;box-shadow:0 6px 24px #3b1c5530}.skip-link:focus{top:1rem}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.page-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#fffdfde8;border-bottom:1px solid #eee4f1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(1220px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8a52b6,#d75c94);color:#fff;font-weight:800;box-shadow:0 7px 18px #8151ab38}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.04em}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.primary-nav{display:flex;gap:24px;margin-left:auto}.primary-nav a{font-size:14px;color:#594e61}.primary-nav a.router-link-active{color:var(--purple);font-weight:700}.header-search{width:290px;display:flex;border:1px solid var(--line);background:#fff;border-radius:999px;overflow:hidden}.header-search:focus-within{border-color:#b88bd1;box-shadow:0 0 0 3px #d8b9e83b}.header-search input{min-width:0;flex:1;border:0;background:transparent;padding:10px 4px 10px 16px;outline:0;font-size:13px}.header-search button,.large-search button{border:0;background:transparent;color:var(--purple);font-weight:700;padding:0 15px;cursor:pointer}.hero-section{position:relative;overflow:hidden;min-height:440px;display:grid;align-items:center;background:linear-gradient(125deg,#f8f1fb,#fff9f5 55%,#f5edfb);border-bottom:1px solid #eee4f1}.hero-content{position:relative;z-index:2;padding-block:70px}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.hero-orb-one{width:390px;height:390px;right:4%;top:-130px;background:radial-gradient(circle,#efd4f1,#dfc3ed00 70%)}.hero-orb-two{width:280px;height:280px;right:26%;bottom:-180px;background:radial-gradient(circle,#f9dfc2,#f9dfc200 70%)}.eyebrow,.section-heading>div>span,.section-heading.compact>span{display:block;color:var(--pink);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-content h1{max-width:720px;margin:17px 0 18px;font-family:Songti SC,STSong,serif;font-size:clamp(40px,6vw,72px);line-height:1.09;letter-spacing:-.04em}.hero-content h1 em{font-style:normal;color:var(--purple)}.hero-content>p{max-width:620px;color:#665c6d;font-size:17px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.primary-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--purple),#9c4d9b);color:#fff;padding:12px 23px;font-weight:700;cursor:pointer;box-shadow:0 9px 23px #70439b3a}.text-button{font-weight:700;color:var(--purple)}.trust-row{display:flex;gap:24px;margin-top:44px;color:#726678;font-size:13px}.trust-row span:before{content:"✓";color:var(--gold);font-weight:900;margin-right:7px}.content-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px;padding-block:62px}.category-panel{align-self:start;position:sticky;top:104px;padding:24px 20px;border:1px solid var(--line);border-radius:22px;background:#fffdff;box-shadow:0 13px 36px #5532680c}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:5px 0 0;font-family:Songti SC,STSong,serif;font-size:29px}.section-heading>a{color:var(--purple);font-size:14px;font-weight:700}.section-heading.compact{display:block}.section-heading.compact h2{font-size:22px}.category-tree,.category-tree ul{list-style:none;padding:0;margin:0}.category-tree>li+li{border-top:1px solid #f0e9f3}.category-tree a{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;color:#514659;font-size:14px}.category-tree a:hover{color:var(--purple)}.category-tree small{min-width:26px;padding:2px 7px;border-radius:99px;background:var(--soft);text-align:center;color:#806a8d}.category-tree .category-tree{padding-left:13px;border-left:1px solid #e7d8ee}.material-section+.material-section{margin-top:58px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.material-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 14px 35px #5030600d;transition:transform .2s ease,box-shadow .2s ease}.material-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #50306018}.card-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#efe1f4,#fbeade)}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.material-card:hover .card-cover img{transform:scale(1.035)}.cover-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#8d6d98;font-family:Songti SC,serif;font-size:18px;background:radial-gradient(circle at 75% 20%,#ffdbae,transparent 35%),linear-gradient(135deg,#e8d6f1,#f7edf5)}.featured-badge{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:#fff9;color:#9e5d19;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-body{padding:18px}.card-meta{display:flex;justify-content:space-between;gap:10px;color:#8a7d91;font-size:12px}.card-meta a{color:var(--pink);font-weight:700}.card-body h2{font-size:18px;line-height:1.45;margin:10px 0 8px}.card-body h2 a:hover{color:var(--purple)}.card-body>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tag-row a{padding:5px 9px;border-radius:999px;background:#f5eff8;color:#785987;font-size:11px}.empty-note{padding:30px;border:1px dashed #d8c9df;border-radius:18px;text-align:center;color:var(--muted)}.card-skeleton{height:300px;border-radius:20px;background:linear-gradient(100deg,#f0eaf2 30%,#faf7fb,#f0eaf2 70%);background-size:200% 100%;animation:shimmer 1.25s infinite}.inline-error,.empty-state{padding:45px;border:1px dashed #d5c3df;border-radius:22px;text-align:center;background:#fff;color:var(--muted)}.inline-error button,.pagination button,.viewer-state button{border:0;border-radius:999px;padding:9px 16px;background:var(--soft);color:var(--purple);font-weight:700;cursor:pointer}.list-page{padding-block:52px 80px}.list-hero{padding:34px 0 38px;text-align:center}.list-hero h1{font-family:Songti SC,serif;font-size:clamp(32px,5vw,50px);margin:12px 0 24px}.large-search{max-width:650px;margin:auto;display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 13px 34px #56356c12;overflow:hidden}.large-search input{flex:1;min-width:0;padding:15px 22px;border:0;outline:0}.large-search button{padding-inline:23px;background:linear-gradient(135deg,var(--purple),#9c4d9b);color:#fff}.result-count{color:var(--muted);font-size:13px;margin:0 0 18px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:38px;color:var(--muted);font-size:13px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.empty-state span{font-size:40px;color:#c39bd2}.empty-state h2{color:var(--ink)}.empty-state .primary-button{margin-top:12px}.detail-page{padding-block:30px 80px}.breadcrumbs{display:flex;gap:9px;align-items:center;white-space:nowrap;overflow:hidden;color:#877a8d;font-size:12px;margin-bottom:34px}.breadcrumbs>*{overflow:hidden;text-overflow:ellipsis}.detail-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.detail-copy{max-width:840px}.detail-intro h1{font-family:Songti SC,serif;font-size:clamp(32px,5vw,52px);line-height:1.2;margin:10px 0 13px}.detail-summary{font-size:16px;line-height:1.8;color:#6e6375}.detail-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#8b7e90;font-size:12px}.share-button,.ghost-button{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--purple);padding:11px 17px;font-weight:700;cursor:pointer;white-space:nowrap}.share-button span{margin-right:6px}.viewer-shell{overflow:hidden;border:1px solid #dacde1;border-radius:24px;background:#211b27;box-shadow:0 22px 60px #35184626}.viewer-shell:fullscreen{width:100%;height:100%;border:0;border-radius:0}.viewer-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 15px 10px 20px;background:#2d2533;color:#fff}.viewer-toolbar>div{display:flex;align-items:center;gap:8px}.viewer-toolbar small{color:#bfb4c5;font-size:11px}.security-dot{width:9px;height:9px;border-radius:50%;background:#70d29a;box-shadow:0 0 0 4px #70d29a20}.viewer-stage{position:relative;height:min(72vh,760px);min-height:440px;background:#fff}.viewer-shell:fullscreen .viewer-stage{height:calc(100vh - 58px)}.viewer-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.viewer-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:25px;text-align:center;background:#fbf9fc;color:#766b7c}.viewer-state h3{color:var(--ink);margin:15px 0 0}.viewer-state p{max-width:420px;line-height:1.7}.spinner{width:30px;height:30px;border:3px solid #e5d9ea;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.viewer-message{margin:0;padding:9px 18px;background:#fdf5d8;color:#735c17;font-size:12px}.related-section{margin-top:60px}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#2317298c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.share-dialog{position:relative;width:min(420px,100%);padding:34px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 30px 90px #24132d45}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#84758b;cursor:pointer}.share-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:18px;background:linear-gradient(135deg,#eee1f5,#fbe6ee);color:var(--purple);font-size:27px}.share-dialog h2{margin:17px 0 7px}.share-dialog>p{color:var(--muted)}.share-dialog .primary-button{width:100%;margin-top:12px}.share-message{font-size:12px}.status-panel{max-width:700px;margin:80px auto;padding:65px 35px;border:1px solid var(--line);border-radius:28px;background:#fff;text-align:center;box-shadow:0 20px 50px #4a2c5d11}.status-panel>span{color:var(--pink);font-size:12px;font-weight:800;letter-spacing:.15em}.status-panel h1{font-family:Songti SC,serif;font-size:clamp(32px,5vw,48px);margin:14px 0}.status-panel p{color:var(--muted);line-height:1.8}.status-panel .primary-button{margin-top:15px}.detail-loading{min-height:55vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(24px,calc((100% - 1180px)/2));border-top:1px solid var(--line);background:#fff;color:#6e6274;font-size:12px}.site-footer p{margin:0}.footer-note{color:#9a899f}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.primary-nav{display:none}.header-search{margin-left:auto}.content-layout{grid-template-columns:1fr;gap:32px}.category-panel{position:static}.category-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.category-tree>li+li{border-top:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-stage{height:64vh}.detail-intro{align-items:start}}@media(max-width:640px){.page-container{width:min(100% - 28px,1180px)}.header-inner{width:calc(100% - 24px);min-height:64px}.brand small,.header-search{display:none}.brand{margin-right:auto}.primary-nav{display:flex;gap:14px}.primary-nav a{font-size:12px}.hero-section{min-height:480px}.hero-content{padding-block:60px}.hero-content h1{font-size:43px}.hero-content>p{font-size:15px}.trust-row{flex-wrap:wrap;gap:10px 18px}.content-layout{padding-block:38px}.category-panel{padding:20px 16px}.category-tree{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.section-heading h2{font-size:25px}.section-heading>a{font-size:12px}.detail-page{padding-top:20px}.detail-intro{display:block}.share-button{margin-top:22px}.viewer-shell{border-radius:16px}.viewer-toolbar{align-items:flex-start}.viewer-toolbar>div{flex-wrap:wrap}.viewer-toolbar small{width:100%;margin-left:17px}.viewer-stage{height:62vh;min-height:390px}.detail-meta{display:grid;gap:7px}.site-footer{display:block;text-align:center}.site-footer p+p{margin-top:7px}.hero-actions{flex-wrap:wrap}.list-page{padding-top:28px}}.share-qr{display:block;width:160px;height:160px;margin:14px auto;border:1px solid var(--line);border-radius:12px}.manual-copy{display:block;margin-top:14px;text-align:left}.manual-copy span{display:block;margin:0 0 5px;color:var(--muted);font-size:11px}.manual-copy input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#faf7fb;color:#65576d;font-size:11px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}