/** Design: 苔痕档案馆——深苔绿、暖纸、琥珀播放核和档案式留白，适用于所有 PHP 页面。 */
:root{--moss:#0e4638;--ink:#10201c;--paper:#f4f0e6;--paper-deep:#e7e0d0;--amber:#d68a32;--clay:#a85f46;--line:rgba(16,32,28,.16);--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{background:var(--amber);color:#fff;left:12px;padding:10px 14px;position:fixed;top:-50px;z-index:30}.skip-link:focus{top:12px}.site-header{align-items:center;background:var(--paper);display:flex;gap:26px;justify-content:space-between;min-height:78px;padding:0 clamp(20px,5vw,76px);position:relative;z-index:10}.brand{align-items:center;display:flex;gap:10px;min-width:max-content}.brand img{height:37px;width:37px}.brand span{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:900;letter-spacing:-2px}.brand i{border-left:1px solid var(--line);color:#647167;font-size:11px;font-style:normal;letter-spacing:.12em;margin-left:3px;padding-left:11px}.main-nav{display:flex;gap:clamp(16px,2.4vw,38px)}.main-nav a{font-size:13px;font-weight:600;position:relative}.main-nav a:after{background:var(--amber);bottom:-7px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s var(--ease);width:100%}.main-nav a:hover:after{transform:scaleX(1)}.menu-toggle{background:none;border:0;display:none}.search-band{background:#e8e1d2;padding:12px clamp(20px,5vw,76px)}.search-shell{align-items:center;background:rgba(255,255,255,.52);border:1px solid rgba(16,32,28,.1);display:flex;gap:10px;margin:auto;max-width:920px;padding:6px 6px 6px 14px}.search-shell span{color:var(--moss);font-size:20px}.search-shell input{background:transparent;border:0;flex:1;font-size:13px;min-width:0;outline:none}.search-shell button{background:var(--moss);border:0;color:#fff;font-size:12px;padding:9px 14px}.hero{background-position:center;background-size:cover;color:#fff;min-height:620px;padding:clamp(68px,10vw,126px) clamp(20px,10vw,150px);position:relative}.hero-content{max-width:650px}.eyebrow{color:var(--moss);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 16px;text-transform:uppercase}.eyebrow.light{color:#e9d6b8}.hero h1,.section-heading h2,.ai-copy h2,.expert-intro h2,.faq-title h2,.contact-copy h2,.howto-section h2,.plain-page h1{font-family:"Noto Serif SC",serif;font-size:clamp(35px,4.7vw,68px);font-weight:900;letter-spacing:-.075em;line-height:1.13;margin:0}.hero h1 em{color:#f6d192;font-style:normal}.hero-copy{color:rgba(255,255,255,.84);font-size:15px;line-height:1.85;margin:24px 0 30px;max-width:530px}.hero-actions{align-items:center;display:flex;gap:24px}.amber-button{align-items:center;background:var(--amber);border:0;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:14px 18px;transition:transform .16s var(--ease),background .16s var(--ease)}.amber-button:hover{background:#bc7022;transform:translateY(-2px)}.amber-button:active{transform:scale(.97)}.text-link{font-size:13px;font-weight:700}.text-link span{color:#f6d192;font-size:18px;margin-left:3px}.hero-meta{display:flex;gap:20px;margin-top:55px}.hero-meta span{border-left:1px solid rgba(255,255,255,.45);font-size:11px;letter-spacing:.08em;padding-left:9px}.index-intro{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:30px;grid-template-columns:95px minmax(200px,600px) auto;margin:0 auto;padding:44px clamp(20px,8vw,150px)}.index-number{color:var(--amber);font-family:"Noto Serif SC",serif;font-size:45px}.index-intro p{font-family:"Noto Serif SC",serif;font-size:19px;line-height:1.8;margin:0}.index-intro a{font-size:13px;font-weight:700;white-space:nowrap}.index-intro a span{color:var(--amber);font-size:20px;margin-left:7px}.content-section{padding:clamp(74px,9vw,132px) clamp(20px,8vw,150px)}.section-heading{max-width:570px}.section-heading>p:not(.eyebrow),.ai-copy>p:not(.eyebrow),.expert-intro>p:not(.eyebrow),.faq-title>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.howto-section>div>p:not(.eyebrow),.plain-page>p{color:#56655c;font-size:14px;line-height:1.9;margin:20px 0 0}.video-stack{display:grid;gap:24px;grid-template-columns:1.12fr .88fr .88fr;margin-top:55px}.video-card{background:#fff;box-shadow:0 15px 40px rgba(40,45,28,.08);transition:transform .24s var(--ease),box-shadow .24s var(--ease)}.video-card:hover{box-shadow:0 24px 50px rgba(40,45,28,.16);transform:translateY(-5px)}.video-card-1{margin-top:34px}.video-card-3{margin-top:68px}.video-cover{aspect-ratio:1.36;overflow:hidden;position:relative}.video-cover:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.48));content:"";inset:0;pointer-events:none;position:absolute}.video-cover img{height:100%;object-fit:cover;transition:transform .45s var(--ease);width:100%}.video-card:hover .video-cover img{transform:scale(1.045)}.play-button{align-items:center;background:var(--amber);border:0;border-radius:50%;color:#fff;display:flex;height:54px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-42%);transition:opacity .2s var(--ease),transform .2s var(--ease);width:54px;z-index:1}.video-card:hover .play-button,.video-card:focus-within .play-button{opacity:1;transform:translate(-50%,-50%)}.duration{bottom:12px;color:#fff;font-size:11px;position:absolute;right:13px;z-index:1}.video-body{padding:22px}.tag{color:var(--clay);font-size:10px;font-weight:700;letter-spacing:.1em}.video-body h3{font-family:"Noto Serif SC",serif;font-size:19px;line-height:1.4;margin:10px 0}.video-body p{color:#667168;font-size:12px;line-height:1.8;margin:0}.video-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:18px;padding-top:13px}.video-footer span{color:#778178;font-size:10px}.video-footer button{background:none;border:0;color:var(--moss);font-size:11px}.ai-section{background:var(--moss);color:#fff;display:grid;gap:clamp(30px,7vw,110px);grid-template-columns:.8fr 2fr 1fr}.archive-label{align-items:flex-start;color:#e7d5b8;display:flex;flex-direction:column;font-size:11px;gap:8px;letter-spacing:.15em}.archive-label span:first-child{font-family:"Noto Serif SC",serif;font-size:38px;letter-spacing:-.1em}.ai-copy .eyebrow{color:#dfc189}.ai-copy h2{font-size:clamp(32px,4vw,55px)}.ai-copy>p:not(.eyebrow){color:#d5ddd5;max-width:600px}.three-steps{border-top:1px solid rgba(255,255,255,.22);display:grid;gap:10px;margin-top:28px;padding-top:18px}.three-steps span{font-size:12px;line-height:1.7}.three-steps b{color:#efba68;margin-right:8px}.ai-note{align-self:end;background:#f0e2c9;color:var(--ink);min-height:255px;padding:26px;position:relative}.note-pin{background:var(--amber);border-radius:50%;height:12px;position:absolute;right:23px;top:20px;width:12px}.ai-note p{font-size:10px;font-weight:700;letter-spacing:.15em;margin:0}.ai-note strong{display:block;font-family:"Noto Serif SC",serif;font-size:23px;line-height:1.55;margin:17px 0}.ai-note small{color:#59655d;font-size:10px;line-height:1.7}.community-section{background:#eae3d6}.community-layout{display:grid;gap:70px;grid-template-columns:1.25fr .75fr;margin-top:50px}.topic-list{border-top:1px solid var(--line)}.topic-list a{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:16px;grid-template-columns:44px 1fr auto;padding:20px 0;transition:padding .18s var(--ease)}.topic-list a:hover{padding-left:9px}.topic-list span{color:var(--amber);font-family:"Noto Serif SC",serif;font-size:20px}.topic-list i{color:#68736c;font-size:11px;font-style:normal}.community-card{background:var(--ink);color:#fff;padding:clamp(28px,3vw,45px)}.community-card>p:first-child{color:#e3bd7e;font-size:10px;font-weight:700;letter-spacing:.14em}.community-card h3{font-family:"Noto Serif SC",serif;font-size:27px;line-height:1.45;margin:36px 0 18px}.community-card>p:not(:first-child){color:#d0d9cf;font-size:12px;line-height:1.9}.outlined-button{border:1px solid #d3a962;color:#f4e4c7;display:inline-block;font-size:12px;margin-top:19px;padding:11px 13px}.expert-section{background:var(--paper);display:grid;gap:70px;grid-template-columns:.72fr 1.28fr}.role-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.role-grid article{background:#fff;border-top:3px solid var(--moss);display:flex;flex-direction:column;min-height:290px;padding:24px}.role-grid span{color:var(--clay);font-size:10px;font-weight:700;letter-spacing:.12em}.role-grid h3{font-family:"Noto Serif SC",serif;font-size:24px;margin:25px 0 10px}.role-grid p{color:#637067;font-size:12px;line-height:1.8;margin:0}.role-grid button{align-self:start;background:none;border:0;border-bottom:1px solid var(--moss);color:var(--moss);font-size:11px;margin-top:auto;padding:0 0 5px}.howto-section{background:#d2b67c;display:grid;gap:clamp(38px,8vw,150px);grid-template-columns:.8fr 1.2fr;padding:clamp(70px,8vw,118px) clamp(20px,8vw,150px)}.howto-section .eyebrow{color:#544226}.howto-section h2{font-size:clamp(32px,4vw,53px)}.howto-section ol{list-style:none;margin:0;padding:0}.howto-section li{border-top:1px solid rgba(16,32,28,.28);display:grid;gap:20px;grid-template-columns:52px 1fr;padding:20px 0}.howto-section li b{color:#695023;font-family:"Noto Serif SC",serif;font-size:24px}.howto-section li span{color:#313d35;font-size:13px;line-height:1.8}.howto-section li strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.faq-section{background:var(--paper-deep);display:grid;gap:clamp(50px,10vw,180px);grid-template-columns:.72fr 1.28fr;padding:clamp(72px,9vw,132px) clamp(20px,8vw,150px)}.faq-title h2{font-size:clamp(32px,4vw,52px)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{align-items:center;background:none;border:0;color:var(--ink);display:flex;font-family:"Noto Serif SC",serif;font-size:16px;gap:16px;justify-content:space-between;padding:21px 0;text-align:left;width:100%}.faq-item button span{color:var(--amber);font-family:"Noto Sans SC",sans-serif;font-size:11px;font-weight:700}.faq-item button b{font-size:19px;font-weight:400;transition:transform .18s var(--ease)}.faq-item button[aria-expanded="true"] b{transform:rotate(180deg)}.faq-item p{color:#55645b;font-size:13px;line-height:1.9;margin:0;padding:0 26px 21px 45px}.contact-section{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr}.contact-photo{min-height:570px}.contact-photo img{height:100%;object-fit:cover;width:100%}.contact-copy{padding:clamp(44px,7vw,100px)}.contact-copy .eyebrow{color:#e0b66f}.contact-copy h2{font-size:clamp(35px,4.3vw,58px)}.contact-copy>p:not(.eyebrow){color:#cfdbd0}.contact-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:30px 0}.contact-copy dl div{border-top:1px solid rgba(255,255,255,.17);padding:12px 0}.contact-copy dt{color:#aebdb1;font-size:10px}.contact-copy dd{font-size:12px;margin:5px 0 0;word-break:break-all}.site-footer{align-items:center;background:#0b1714;color:#f6f0e3;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;padding:35px clamp(20px,5vw,76px)}.footer-brand{align-items:center;display:flex;gap:10px}.footer-brand img{height:35px;width:35px}.footer-brand strong{display:block;font-family:"Noto Serif SC",serif;font-size:20px}.footer-brand span{color:#b8c7bb;font-size:10px}.footer-links{display:flex;gap:20px}.footer-links a{color:#d3ded5;font-size:11px}.footer-meta{justify-self:end;text-align:right}.footer-meta p{color:#acb8ae;font-size:10px;margin:3px 0}.footer-meta button{background:none;border:0;color:#f3c66f;font-size:10px;margin-top:7px;padding:0}.notice{background:#173c31;bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#fff;font-size:13px;left:50%;max-width:calc(100% - 36px);padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:50}.crumb{background:#e8e1d2;font-size:11px;padding:15px clamp(20px,8vw,150px)}.crumb span{color:#939d94;margin:0 8px}.crumb strong{font-weight:600}.plain-page{max-width:980px;padding:clamp(60px,9vw,120px) clamp(20px,8vw,150px)}.plain-page h1{font-size:clamp(38px,5vw,66px);max-width:800px}.page-grid{display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:42px}.info-card{background:#fff;border-top:3px solid var(--moss);padding:24px}.info-card h2{font-family:"Noto Serif SC",serif;font-size:23px;margin:0 0 10px}.info-card p{color:#59685e;font-size:13px;line-height:1.8;margin:0}.data-block{background:var(--ink);color:#dce6db;font-size:11px;line-height:1.8;margin-top:45px;overflow:auto;padding:24px;white-space:pre-wrap}.cooperation-wall{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.cooperation-wall span{border:1px solid var(--line);color:#506057;font-family:"Noto Serif SC",serif;font-size:15px;padding:15px 20px}.contact-panel{background:#fff;margin-top:35px;padding:26px}.contact-panel p{font-size:13px;line-height:1.8;margin:7px 0}.contact-panel b{color:var(--moss)}@media(max-width:850px){.site-header{min-height:68px}.menu-toggle{display:block;padding:0}.main-nav{background:var(--paper);box-shadow:0 15px 22px rgba(16,32,28,.1);display:none;flex-direction:column;left:0;padding:24px;position:absolute;top:68px;width:100%}.main-nav.is-open{display:flex}.hero{min-height:570px}.index-intro,.expert-section,.faq-section,.howto-section{grid-template-columns:1fr}.index-intro{gap:16px}.index-number{font-size:35px}.video-stack{grid-template-columns:1fr 1fr}.video-card-1,.video-card-3{margin-top:0}.video-card-1{grid-column:span 2}.ai-section{grid-template-columns:70px 1fr}.ai-note{grid-column:2;max-width:340px}.community-layout{gap:34px;grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.contact-section{grid-template-columns:1fr}.contact-photo{min-height:330px}.site-footer{grid-template-columns:1fr}.footer-meta{justify-self:start;text-align:left}.footer-links{flex-wrap:wrap}.page-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.brand i{display:none}.video-stack,.role-grid,.page-grid{grid-template-columns:1fr}.video-card-1{grid-column:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{gap:10px}.hero-meta span{font-size:9px}.ai-section{grid-template-columns:1fr}.archive-label{flex-direction:row}.ai-note{grid-column:auto}.topic-list a{grid-template-columns:35px 1fr}.topic-list i{grid-column:2}.contact-copy dl{grid-template-columns:1fr}.search-shell button{font-size:0;padding:17px}.search-shell button:after{content:"搜";font-size:12px}.site-footer{padding:30px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
