:root{--paper:#f4f1ea;--white:#fffdf9;--ink:#192a29;--muted:#66716c;--line:#dedfd5;--green:#174d43;--lime:#d5edb9;--coral:#c45e3c;--shadow:0 18px 45px rgba(31,49,43,.10);font-family:Inter,"SF Pro Display","Noto Sans",Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:var(--green)}img{display:block;max-width:100%}.app-shell{max-width:1160px;margin:auto;min-height:100vh}.site-header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,48px);gap:14px}.brand{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;color:var(--ink);padding:0;font-size:13px;font-weight:900;letter-spacing:.09em;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:6px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:var(--green);color:#fff;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:26px;font-weight:500;letter-spacing:0}.top-status{border:1px solid var(--line);background:#ffffffb8;color:var(--green);border-radius:100px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap}main{padding:0 clamp(20px,4vw,48px) 120px}.eyebrow{font-weight:900;letter-spacing:.18em;font-size:11px;color:var(--coral);text-transform:uppercase;margin:0 0 14px}.hero{min-height:380px;border-radius:29px;overflow:hidden;position:relative;background:#172d30;color:#fff;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,29,.74),rgba(5,24,29,.10) 80%),url('/assets/yanji-editorial.webp') center 48%/cover}.hero-content{position:relative;padding:clamp(26px,5vw,55px);max-width:580px}.hero .eyebrow{color:#c6efa3}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(43px,7vw,80px);line-height:.97;margin:0 0 20px}.hero p{font-size:16px;line-height:1.45;max-width:430px;margin:0;color:#eef2ea}.image-credit{position:absolute;bottom:15px;right:18px;font-size:10px;background:#122423aa;padding:5px 9px;border-radius:99px;color:#e8eee5}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 34px}.mode-switch button{border:1px solid var(--line);background:var(--white);min-height:72px;border-radius:17px;text-align:left;padding:13px 20px;color:var(--ink);font-weight:800;font-size:15px;box-shadow:0 4px 18px #21332a08}.mode-switch button.active{background:var(--green);border-color:var(--green);color:white}.mode-switch span{display:block;font-size:11px;font-weight:500;opacity:.72;margin-top:5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 18px}.section-head h2,.page-title{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}.section-head h2{font-size:clamp(28px,4vw,41px);line-height:1.05;margin:0}.page-title{font-size:clamp(36px,5vw,62px);line-height:1.03;margin:0 0 18px}.section-head button,.text-link{background:none;border:0;padding:0;color:var(--green);font-weight:800;font-size:13px;text-decoration:none}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:35px}.quick-card{border:0;background:var(--white);border-radius:22px;min-height:155px;text-align:left;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #1e33270a;color:var(--ink)}.quick-card strong{font-size:22px;letter-spacing:-.025em}.quick-card small{display:block;color:var(--muted);line-height:1.35;font-size:12px}.quick-icon{display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:14px;width:37px;height:37px;font-size:20px}.quick-card.emphasis{background:var(--lime)}.quick-card.emphasis .quick-icon{background:#fff9}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white;border-radius:26px;overflow:hidden;margin:0 0 38px;min-height:220px}.feature-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature h3{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:0 0 11px;line-height:1.1}.feature p{color:#e1eee7;line-height:1.45;margin:0 0 20px;font-size:14px}.feature img{height:100%;width:100%;object-fit:cover}.primary,.secondary,.light-button{border:0;border-radius:14px;padding:14px 20px;min-height:48px;font-size:14px;font-weight:800}.primary{background:var(--green);color:white}.secondary{background:var(--lime);color:var(--green)}.light-button{background:var(--white);color:var(--green)}.inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.mini-grid,.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.item-card,.info-card,.scenario-card,.route-card{background:var(--white);border:1px solid #eae9e1;border-radius:20px;padding:22px;text-align:left;color:var(--ink);min-width:0}.item-card{display:flex;justify-content:space-between;gap:10px;min-height:147px}.item-card h3,.scenario-card h3{font-size:20px;margin:7px 0;line-height:1.12;letter-spacing:-.02em}.item-card p,.scenario-card p,.info-card p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.item-card .zh,.zh-inline{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.4}.arrow{font-size:20px;color:var(--coral)}.pill{display:inline-block;padding:6px 9px;border-radius:100px;background:#e9eee1;color:var(--green);font-weight:800;font-size:10px;letter-spacing:.04em}.pill.locked{background:#f5e3d8;color:#ab4f31}.pill.online{background:#e2eafb;color:#385889}.page-top{padding:22px 0 24px}.back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--green);font-size:13px;font-weight:800;margin:0 0 25px;padding:3px}.intro{font-size:16px;line-height:1.55;max-width:690px;color:#53645c;margin:0 0 24px}.search{width:100%;background:var(--white);border:1px solid var(--line);border-radius:17px;padding:17px 19px;font-size:16px;margin:0 0 20px;outline-color:var(--green)}.card-grid{grid-template-columns:repeat(3,1fr)}.catalog-card{background:var(--white);border:1px solid #e6e7df;border-radius:20px;padding:19px;min-height:170px;text-align:left;display:flex;flex-direction:column;gap:12px;color:var(--ink)}.catalog-card .label{font-size:11px;font-weight:800;color:var(--coral);letter-spacing:.05em}.catalog-card strong{font-size:19px;line-height:1.15}.catalog-card .zh{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--muted);font-size:14px}.catalog-card small{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.35}.catalog-card.lock{background:#f2efe8}.detail-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:20px}.detail-panel{background:var(--white);border-radius:23px;padding:clamp(24px,4vw,38px);box-shadow:0 3px 16px #153b2508}.detail-panel h2{font-size:22px;margin:22px 0 8px}.detail-panel p{line-height:1.58;font-size:15px}.detail-zh{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:clamp(30px,5vw,45px);line-height:1.25;margin:15px 0;color:var(--green);font-weight:600;word-break:break-word}.address-box{border-radius:17px;background:#edf3e8;padding:18px;margin:22px 0}.address-box .detail-zh{font-size:24px;margin:8px 0}.meta-list{display:grid;gap:13px}.meta-item{border-top:1px solid var(--line);padding-top:15px}.meta-item strong{font-size:12px;color:var(--coral)}.meta-item p{font-size:13px;line-height:1.45;margin:7px 0 0}.side-panel{display:flex;flex-direction:column;gap:13px}.side-panel .info-card{padding:22px}.info-card h3{font-size:17px;margin:0 0 9px}.source-link{display:inline-block;font-size:12px;font-weight:700;margin-top:9px}.photo-card{position:relative;border-radius:21px;overflow:hidden}.photo-card img{width:100%;max-height:340px;object-fit:cover}.photo-card span{position:absolute;bottom:11px;right:11px;color:white;background:#132a27b0;padding:6px 8px;border-radius:100px;font-size:10px}.scenario-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario-card{display:flex;min-height:170px;flex-direction:column;gap:5px}.scenario-card .icon{font-size:22px;color:var(--green)}.scenario-card .pill{align-self:flex-start;margin-top:auto}.now-box{padding:19px;background:var(--lime);border-radius:17px;margin:20px 0}.now-box strong{font-size:12px;letter-spacing:.09em}.now-box p{margin:8px 0 0}.phrase-box{border-radius:21px;background:#143f38;color:white;padding:24px;margin:20px 0}.phrase-box .eyebrow{color:#cdebbd}.phrase-box .detail-zh{color:white;font-size:clamp(29px,4vw,39px)}.phrase-box p{color:#e7f0eb}.phrase-box button{width:100%;background:var(--lime);color:var(--green);border:0;border-radius:14px;padding:15px;font-weight:900;min-height:54px;margin-top:9px}.audio-note{font-size:12px;color:var(--muted)!important;font-weight:700}.reply-row{padding:16px 0;border-bottom:1px solid var(--line)}.reply-row strong{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:18px}.reply-row p{margin:6px 0;font-size:13px}.fallback{background:#f5ebe2;padding:18px;border-radius:17px;margin-top:20px}.fallback strong{color:#a04d31;font-size:13px}.fallback p{margin:8px 0 0}.sticky-help{position:fixed;right:max(18px,calc((100vw - 1140px)/2));bottom:105px;border:0;border-radius:100px;background:#c75636;color:white;box-shadow:0 10px 26px #8b3e2470;padding:15px 20px;font-weight:900;z-index:5;font-size:13px}.list-stack{display:grid;gap:12px}.list-stack .info-card{display:block}.list-stack .info-card h3{margin:0 0 8px}.route-card{margin-bottom:16px}.route-step{display:grid;grid-template-columns:82px 1fr;gap:15px;border-top:1px solid var(--line);padding:18px 0}.route-step b{color:var(--coral);font-size:12px}.route-step p{margin:5px 0;color:var(--muted);font-size:13px}.route-step strong{font-size:17px}.download-status{padding:19px;border-radius:18px;background:#e9efe4;margin:20px 0}.download-status strong{display:block;font-size:17px}.download-status span{display:block;font-size:13px;margin-top:5px;color:var(--muted)}.source-list{display:grid;gap:10px}.source-list a{display:block;background:var(--white);padding:17px 19px;border-radius:14px;text-decoration:none}.source-list strong{display:block;color:var(--ink);font-size:14px}.source-list small{display:block;color:var(--muted);margin-top:5px}.paywall{background:var(--green);color:white;padding:28px;border-radius:24px}.paywall h2{font-family:Georgia,serif;font-weight:500;font-size:32px;margin:0 0 12px}.paywall p{color:#e5efe7;line-height:1.5}.paywall .pill{background:#cbe9b5}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;gap:4px;max-width:1160px;margin:auto;background:#fffdf9eb;backdrop-filter:blur(18px);border-top:1px solid #dce0d6;padding:8px 14px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;border-radius:13px;min-width:60px;min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8780}.bottom-nav button.active{color:var(--green);background:#eaf2e4}.bottom-nav span{font-size:21px;line-height:1}.bottom-nav small{font-size:11px;font-weight:800;margin-top:4px}.phrase-dialog{border:0;border-radius:26px;padding:32px;max-width:min(92vw,760px);width:100%;background:var(--white);color:var(--ink);box-shadow:0 30px 100px #0b262aaa}.phrase-dialog::backdrop{background:#082a2cd9}.dialog-close{position:absolute;right:14px;top:13px;border:0;border-radius:50%;width:39px;height:39px;font-size:26px;background:#e8eee3;color:var(--green)}.dialog-zh{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:clamp(33px,6vw,55px);line-height:1.35;word-break:break-word;color:var(--green);margin:25px 0}.dialog-ru{font-size:16px;line-height:1.5;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.footnote{font-size:12px;color:var(--muted);line-height:1.5}.divider{height:1px;background:var(--line);margin:24px 0}.notice{background:#fff4e8;border-left:3px solid #c45e3c;padding:14px 16px;border-radius:8px;font-size:13px;line-height:1.45}
@media(max-width:760px){.site-header{height:72px}.hero{min-height:315px}.hero:before{background:linear-gradient(0deg,rgba(5,24,29,.79),rgba(5,24,29,.08) 90%),url('/assets/yanji-editorial.webp') 57% center/cover}.hero-content{padding:27px;max-width:100%}.hero h1{font-size:48px}.hero p{font-size:14px}.mode-switch{margin:15px 0 28px}.mode-switch button{min-height:72px;padding:12px;font-size:14px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px}.quick-card{padding:13px;min-height:134px;border-radius:16px}.quick-card strong{font-size:16px}.quick-card small{font-size:10px}.quick-icon{width:30px;height:30px;font-size:17px}.feature{grid-template-columns:1fr 37%;min-height:210px}.feature-copy{padding:22px}.feature h3{font-size:24px}.feature p{font-size:12px}.card-grid,.scenario-list{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(2,1fr)}.side-panel .photo-card{grid-column:1/-1}.sticky-help{right:16px;bottom:91px}.mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.site-header{padding:12px 19px}.site-header .brand{font-size:11px}.brand-mark{width:39px;height:39px;font-size:22px}.top-status{font-size:10px;padding:8px 10px}main{padding:0 18px 112px}.hero{border-radius:22px;min-height:300px}.hero h1{font-size:46px}.hero p{max-width:270px}.feature{grid-template-columns:1fr 30%}.feature img{object-position:45%}.card-grid,.scenario-list,.mini-grid{grid-template-columns:1fr 1fr;gap:9px}.catalog-card{padding:15px;min-height:164px}.catalog-card strong{font-size:17px}.catalog-card .zh{font-size:12px}.item-card{padding:16px;min-height:130px}.item-card h3{font-size:17px}.item-card p{font-size:11px}.scenario-card{padding:16px;min-height:174px}.scenario-card h3{font-size:17px}.scenario-card p{font-size:11px}.side-panel{grid-template-columns:1fr}.route-step{grid-template-columns:65px 1fr}.phrase-dialog{padding:23px}.dialog-zh{font-size:33px}}