:root{--bg:#100c11;--surface:#1b1319;--surface2:#251920;--gold:#e8c17d;--gold2:#ffe4ad;--red:#ae3436;--text:#f8f0e4;--muted:#c0aeb0;--line:rgba(232,193,125,.2);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}img{max-width:100%;display:block}[hidden]{display:none!important}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(22px,calc((100vw - 1360px)/2));background:rgba(16,12,17,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{width:48px;height:48px;border:1px solid #cda75d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:serif;font-weight:900;font-size:17px;background:radial-gradient(circle,#552a2a,#1b1117)}.logo-icon span{font-size:9px;padding:0 1px}.logo-text{display:flex;flex-direction:column;line-height:1.35}.logo-text b{font-size:19px;letter-spacing:.12em;color:var(--gold2)}.logo-text small{font-size:10px;color:#bca39e;letter-spacing:.06em}.topbar nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{font-size:12px;white-space:nowrap;color:#e7d8cf}.topbar nav a:hover{color:var(--gold)}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold);border-radius:8px;padding:7px 12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:radial-gradient(ellipse at 75% 30%,#4e1d27 0,transparent 56%),linear-gradient(130deg,#181018,#0d101c);border-bottom:1px solid var(--line);overflow:hidden}.hero-art{position:relative;min-height:520px}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#160f19 100%)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px min(6vw,85px) 54px 30px;max-width:680px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.17em;font-weight:650}.hero h1{font-size:clamp(42px,5.5vw,84px);font-family:serif;letter-spacing:.14em;color:var(--gold2);margin:18px 0 0;text-shadow:0 4px 30px #ae602e77;line-height:1.3}.hero-slogan{font-size:clamp(18px,2vw,25px);color:#fff3dd;letter-spacing:.13em;margin:18px 0}.hero-description{max-width:520px;color:#e2cfc5;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid var(--gold);padding:11px 21px;border-radius:5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:var(--gold2);background:#352026;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#66312e}.btn.primary{background:linear-gradient(110deg,#a92e2f,#6f1d27);color:#fff2df;border-color:#b95b46}.btn.outline{background:transparent}.btn.small{font-size:13px;padding:8px 13px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-tags span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:4px 11px;color:#d4b6a6}.intro-strip{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 22px;gap:15px}.intro-strip>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:0 10px}.intro-strip span{grid-row:span 2;border:1px solid #a5794e;color:var(--gold);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-family:serif;font-size:22px}.intro-strip strong{font-size:15px;color:var(--gold2)}.intro-strip small{color:var(--muted);font-size:11px}.section{padding:78px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line)}.section.alt{background:linear-gradient(125deg,#21141b,#17111a)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.section-heading h2{font-family:serif;font-size:clamp(29px,3.3vw,43px);letter-spacing:.1em;color:var(--gold2);margin:5px 0}.section-heading h2 i{font-size:14px;font-style:normal;vertical-align:middle;color:var(--red)}.section-heading p{color:var(--muted);margin:0;font-size:14px}.search-wrap{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:9px;padding:8px 14px;min-width:260px;background:#2a1b23}.search-wrap span{font-size:23px;color:var(--gold)}.search-wrap input{background:transparent;border:0;color:white;outline:0;min-width:0;width:100%;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0 28px}.category{padding:13px 8px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#291b24,#1b141b);color:#f1d6b0;min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.category b{font-size:16px}.category small{font-size:10px;color:#ac9792}.category:hover,.category.active{border-color:var(--gold);background:linear-gradient(135deg,#703029,#362021)}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button,.pills button{border:1px solid var(--line);border-radius:25px;background:#2b1e24;color:#d8bfb4;padding:7px 16px;font-size:12px}.segmented button.active,.pills button.active{background:var(--red);color:white;border-color:#d16e60}.muted{color:var(--muted);font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.work-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.cover{aspect-ratio:3/3.7;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 60% 30%,var(--cover-hi),var(--cover-low));padding:18px;text-align:center}.cover:before{content:"";position:absolute;inset:10px;border:1px solid #f9d9a04f}.cover:after{content:"✦";position:absolute;top:20px;right:24px;color:#fbe1a0;opacity:.5}.cover-inner{position:relative;z-index:1}.cover-symbol{font-family:serif;font-size:58px;line-height:1.1;color:#ffe1a2;text-shadow:0 0 28px #f0bc76}.cover-title{font-family:serif;font-size:23px;font-weight:800;letter-spacing:.12em;color:#fff4d6;margin-top:14px;text-shadow:0 2px 9px #000}.cover-subtitle{font-size:11px;color:#ead6b7;margin-top:8px}.cover-badge{position:absolute;top:12px;left:12px;font-size:11px;background:#2c171dcf;color:#ffdfb3;border:1px solid #ffcf7d55;border-radius:4px;padding:2px 7px}.work-body{padding:15px;display:flex;flex-direction:column;flex:1}.work-body h3{margin:0;font-size:17px;color:#f9e8ce}.work-meta{font-size:12px;color:#d7a99c;margin:5px 0}.work-body p{font-size:12px;color:var(--muted);margin:8px 0 14px;flex:1}.work-actions{display:flex;gap:8px}.work-actions button{flex:1;border:1px solid #9d7456;background:#44252a;color:#ffe3bc;border-radius:5px;padding:8px 5px;font-size:12px}.work-actions button.favorite{flex:0 0 78px;background:transparent}.work-actions button.saved{color:#f6b2a3;border-color:#ba6a6c}.empty{text-align:center;padding:30px;color:var(--muted)}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.video-card{background:#241820;border:1px solid var(--line);border-radius:9px;overflow:hidden}.video-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%,var(--video-hi),var(--video-low));display:grid;place-items:center;position:relative}.video-thumb .big-symbol{font-size:66px;opacity:.75;color:#ffe1ac;text-shadow:0 0 30px #e5a96a}.play-circle{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#2a111dc4;border:1px solid #eec789;color:#fff;font-size:21px}.video-thumb .type{position:absolute;left:13px;top:13px;border-radius:4px;background:#100d12b8;padding:2px 9px;font-size:11px;color:#ffdfb1}.video-content{padding:16px}.video-content h3{margin:0 0 5px;color:#ffebcb}.video-content p{font-size:12px;color:var(--muted);margin:0 0 14px}.video-content button{border:1px solid var(--line);color:var(--gold2);background:transparent;border-radius:4px;padding:7px 12px}.original-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.original-feature{background:radial-gradient(circle at 90% 0,#793f32,#26171f 65%);border:1px solid #8e5746;padding:40px;border-radius:9px}.original-feature h3{font:700 clamp(28px,3vw,42px)/1.4 serif;color:#ffe0a2;margin:17px 0}.original-feature p{color:#dec5bc}.original-steps{display:flex;flex-direction:column;gap:12px}.original-steps article{display:flex;gap:19px;align-items:center;padding:21px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.original-steps article>span{font:700 31px serif;color:#c6a166}.original-steps h3{margin:0;color:#ffe0b1}.original-steps p{margin:4px 0;color:var(--muted);font-size:13px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card,.about-section .three-grid article{border:1px solid var(--line);border-radius:8px;padding:26px;background:#21171e}.info-symbol{display:block;font-size:37px;color:var(--gold);font-family:serif}.info-card h3,.about-section h3{color:var(--gold2);margin:12px 0 6px}.info-card p,.about-section .three-grid p{color:var(--muted);font-size:13px}.notice{margin-top:25px;border:1px solid #986044;background:#321e22;padding:23px;border-radius:7px}.notice b{color:var(--gold2)}.notice p{color:#e1c6b8;font-size:13px}.feature-note{font-size:13px;color:var(--muted);margin-top:20px}.two-grid,.member-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.rank-box,.member-panel{border:1px solid var(--line);border-radius:8px;padding:25px;background:var(--surface)}.rank-box h3,.member-panel h3{margin:0 0 18px;color:var(--gold2)}.rank-box h3 small{color:var(--muted);font-size:11px;font-weight:400}.rank-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.rank-row .num{font:700 24px serif;color:var(--gold);width:26px}.rank-row .name{flex:1}.rank-row button{background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:4px;padding:5px 10px}.member-panel p{color:var(--muted);font-size:13px}.member-panel.subdued{background:#281b21}.favorites{display:flex;flex-wrap:wrap;gap:8px}.favorites button{background:#40232b;border:1px solid #9a654b;color:#ffe5bd;padding:7px 12px;border-radius:5px}.about-section blockquote{font:700 clamp(21px,2.5vw,31px)/1.8 serif;color:#ffe0a5;text-align:center;margin:12px 0 35px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing{text-align:center;font-size:18px;color:var(--gold);margin:35px 0 0}.admin-note{padding:20px 30px;display:flex;gap:20px;justify-content:center;align-items:center;background:#27191d;color:#d4bcb2;font-size:12px}.admin-note strong{color:var(--gold2);white-space:nowrap}footer{text-align:center;padding:45px 20px 55px;color:var(--muted);font-size:13px;background:#0d0a0e}footer .footer-logo{font:700 30px serif;color:var(--gold2);letter-spacing:.14em}footer p{margin:8px 0}footer small{display:block;margin-top:25px;color:#958388}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#060406df}.modal-panel{position:relative;max-width:720px;width:100%;max-height:90vh;overflow:auto;background:#21161e;border:1px solid #a5784e;border-radius:10px;padding:30px;box-shadow:0 15px 65px #0009}.modal-close{position:absolute;right:14px;top:12px;background:transparent;border:1px solid var(--line);color:var(--gold2);border-radius:50%;width:34px;height:34px}.modal-panel h2{font:700 30px serif;color:var(--gold2);margin:6px 35px 12px 0}.modal-panel h3{color:var(--gold2)}.modal-panel p{color:#e1cfc4}.modal-meta{color:var(--gold)!important;font-size:12px}.chapter-list{display:flex;flex-direction:column;gap:7px;margin-top:20px}.chapter-list button{padding:11px 15px;text-align:left;background:#35232b;border:1px solid var(--line);color:#ffe6c0;border-radius:5px}.reader{background:#eadbc2;color:#3b2a23;border-radius:6px;padding:30px;line-height:2.2;font-size:17px}.reader h3{color:#5d2725;text-align:center}.reader p{color:#3b2a23}.modal-panel .video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle,#673b38,#141018);border:1px solid var(--line);border-radius:6px;text-align:center;color:#ffdda5;padding:20px}.toast{position:fixed;z-index:70;bottom:20px;left:50%;transform:translateX(-50%);background:#57302c;border:1px solid var(--gold);border-radius:6px;padding:11px 18px;color:white;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center;max-width:90vw}.toast.show{opacity:1}@media(max-width:1180px){.topbar{padding:12px 24px}.topbar nav{gap:11px}.topbar nav a{font-size:11px}}@media(max-width:900px){.nav-toggle{display:block}.topbar{flex-wrap:wrap}.topbar nav{display:none;width:100%;justify-content:flex-start;gap:0;max-height:60vh;overflow:auto}.topbar nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.topbar nav a{padding:12px 9px;border-top:1px solid var(--line);font-size:13px}.hero{grid-template-columns:1fr}.hero-art{min-height:0;max-height:490px;overflow:hidden}.hero-art img{width:100%;height:auto}.hero-art:after{background:linear-gradient(0deg,#160f19,transparent 35%)}.hero-copy{padding:35px 30px 55px;max-width:none}.intro-strip{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.work-grid{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{padding:10px 15px}.logo-icon{width:40px;height:40px;font-size:15px}.logo-text b{font-size:16px}.logo-text small{font-size:9px}.topbar nav.open{grid-template-columns:repeat(2,1fr)}.hero-art{max-height:none}.hero-copy{padding:28px 21px 43px}.hero h1{font-size:43px}.hero-description{font-size:13px}.intro-strip{padding:25px 20px;gap:22px 8px}.intro-strip strong{font-size:13px}.intro-strip small{font-size:10px}.section{padding:50px 18px}.section-heading{display:block}.search-wrap{margin-top:18px;min-width:0}.category-grid{grid-template-columns:repeat(3,1fr);gap:7px}.category{min-height:64px}.category b{font-size:14px}.work-grid,.video-grid,.two-grid,.member-layout,.original-layout,.three-grid{grid-template-columns:1fr 1fr;gap:12px}.work-body{padding:11px}.work-body h3{font-size:15px}.work-body p{font-size:11px}.cover-title{font-size:19px}.cover-symbol{font-size:42px}.work-actions{flex-wrap:wrap}.work-actions button,.work-actions button.favorite{flex:1 1 100%}.video-grid{grid-template-columns:1fr}.two-grid,.member-layout,.original-layout,.three-grid{grid-template-columns:1fr}.original-feature{padding:27px}.section-toolbar{align-items:flex-start;flex-direction:column}.admin-note{flex-direction:column;text-align:center;gap:4px}.modal-panel{padding:22px 17px}.reader{padding:19px;font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}