@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#172d32;--muted:#687775;--line:#d7dcd5;--soft:#e9ece5;--blue:#456975;--red:#a54235;--white:#fffefa;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}img,svg,video{max-width:100%}img{display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a54235;outline-offset:4px}::selection{background:#d0ded4}.shell{max-width:1200px;margin:auto;padding:0 36px}.skip-link{position:fixed;top:-80px;left:15px;background:var(--ink);color:white;z-index:90;padding:10px}.skip-link:focus{top:10px}.preview-bar{background:#e7eae4;font-size:11px;letter-spacing:.02em}.preview-bar>.shell{display:flex;justify-content:space-between;gap:10px;padding-top:6px;padding-bottom:6px}.preview-bar i{display:inline-block;width:6px;height:6px;background:#739381;border-radius:50%;margin-right:7px}.preview-bar a{color:#445c57}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:24px;font-weight:700;white-space:nowrap;letter-spacing:1px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:42px;height:42px;font-size:28px;line-height:1;letter-spacing:0}.brand-light{font-weight:400;margin-left:2px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;white-space:nowrap}.main-nav a{padding:30px 0;position:relative;font-size:14px}.main-nav a[aria-current=page]:after{content:"";position:absolute;height:3px;bottom:19px;left:0;right:0;background:var(--ink)}.icon-button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px;line-height:1.4}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.search-trigger{font-size:12px;border-left:1px solid var(--line);padding-left:24px}.menu-trigger{display:none}.hero{display:grid;grid-template-columns:1fr 1.18fr;gap:54px;align-items:center;padding-top:54px;padding-bottom:54px}.hero-copy{padding:12px 0}.small-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--blue)}.small-label:before{content:"";height:1px;width:24px;background:currentColor}.hero h1{font-family:var(--serif);font-size:clamp(34px,3.4vw,46px);font-weight:700;line-height:1.55;letter-spacing:1px;margin:19px 0 20px}.hero-copy>p{color:#61716f;font-size:15px;line-height:1.9;max-width:375px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 22px;border:1px solid var(--line);background:transparent;line-height:1.5;font-size:14px;border-radius:3px}.button.primary{background:var(--ink);border-color:var(--ink);color:var(--white)}.button:hover{border-color:var(--blue)}.button.primary:hover{background:#29484d}.button .small-arrow{font-size:18px}.hero-note{display:flex;gap:10px;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);max-width:370px}.hero-note strong{font-weight:500;color:var(--ink)}.hero-feature{display:block;position:relative;overflow:hidden;background:#24464d;min-height:350px;border-radius:5px;color:white}.hero-feature .art{position:absolute;inset:0;height:100%;opacity:.78}.hero-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,35,41,.96),rgba(12,35,41,0) 78%)}.feature-top{position:absolute;z-index:1;top:23px;left:25px;display:flex;gap:8px}.badge{font-size:11px;line-height:1.4;padding:5px 9px;background:rgba(244,248,241,.13);border:1px solid rgba(244,248,241,.23);border-radius:2px;color:inherit}.feature-copy{position:absolute;z-index:1;bottom:27px;left:28px;right:28px}.feature-copy h2{font-family:var(--serif);font-size:26px;line-height:1.65;max-width:85%;font-weight:500}.feature-copy p{margin-top:16px;color:#becbc7;font-size:12px}.play-circle{position:absolute;right:0;bottom:4px;width:44px;height:44px;border:1px solid rgba(245,243,237,.5);border-radius:50%;display:grid;place-items:center;background:rgba(245,243,237,.07)}.play-circle svg{width:13px;fill:currentColor;margin-left:3px}.feature-copy .duration{float:right;margin-right:58px}.art{position:relative;display:block;overflow:hidden;background:#dce3df;isolation:isolate;width:100%;height:100%;aspect-ratio:1.8}.art svg{position:absolute;width:100%;height:100%;inset:0}.art.ocean{background:#254b55;color:#9ab4b3}.art.land{background:#606c5d;color:#c2cbb2}.art.globe{background:#3c5057;color:#c1d2cb}.art.route{background:#b7bdb0;color:#3c5d5b}.art:after{content:"";position:absolute;inset:0;opacity:.17;background-image:radial-gradient(currentColor .7px,transparent .7px);background-size:5px 5px;pointer-events:none}.art-caption{position:absolute;bottom:12px;left:15px;font-family:var(--serif);font-size:13px;letter-spacing:3px;opacity:.6}.art>img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.section{padding-top:34px;padding-bottom:43px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.section-heading h2{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:1px}.section-heading p{color:var(--muted);font-size:12px;margin-top:4px}.text-link{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.text-link:hover{color:var(--red)}.text-link svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.video-card{min-width:0;display:block}.video-cover{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:1.8;background:var(--soft)}.video-cover .art{height:100%}.cover-play{position:absolute;left:14px;bottom:12px;color:white;display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #ffffff7d;border-radius:50%;background:#172d3233;z-index:2}.cover-play svg{fill:currentColor;width:9px;margin-left:2px}.cover-duration{position:absolute;right:10px;bottom:11px;background:#172d3299;color:white;font-size:10px;padding:1px 7px;border-radius:2px;z-index:2}.content-meta{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:12px;margin-top:14px}.content-meta .category{color:var(--blue)}.video-card h3{font-size:17px;font-weight:500;line-height:1.7;margin-top:7px}.video-card:hover h3,.article-row:hover h3{color:var(--red)}.two-columns{display:grid;grid-template-columns:1.75fr 1fr;gap:60px}.article-row{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.article-row:first-child{padding-top:0}.article-row:last-child{border-bottom:0}.article-row h3{font-family:var(--serif);font-size:21px;line-height:1.65;font-weight:700}.article-row p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-row .content-meta{margin-top:11px}.article-index{width:67px;height:67px;display:grid;place-items:center;color:#879c94;border:1px solid #c7d0c8;border-radius:50%;font-family:var(--serif);font-size:24px}.topic-aside{padding-top:4px}.topic-aside .section-heading{margin-bottom:21px}.topic-tile{padding:24px 23px;margin-bottom:12px;position:relative;overflow:hidden;border:1px solid #cbd2c9;border-radius:3px;background:#e4e9e1;display:block}.topic-tile:nth-child(3n){background:#dde5e4}.topic-tile h3{font-family:var(--serif);font-size:21px;position:relative}.topic-tile p{font-size:12px;margin-top:8px;color:#667973;max-width:90%;position:relative}.topic-tile .topic-count{font-size:10px;color:#688077;margin-top:13px;display:block}.topic-tile:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #6b8b7440;border-radius:50%;right:-95px;top:10px;box-shadow:0 0 0 18px #6b8b7410,0 0 0 37px #6b8b7408}.topic-tile:hover{border-color:#8ca291}.about-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px 0}.about-strip h2{font-family:var(--serif);font-size:25px}.about-strip p{color:var(--muted);font-size:13px;margin-top:9px}.site-footer{background:#e9ece5;border-top:1px solid var(--line);margin-top:25px}.footer-top{display:flex;align-items:center;gap:25px;padding-top:35px;padding-bottom:28px}.footer-brand{font-size:19px;letter-spacing:.5px}.footer-brand .brand-mark{width:33px;height:33px;font-size:23px}.footer-top p{font-size:12px;color:var(--muted);margin-left:auto}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #d6ddd3;display:flex;justify-content:space-between;padding-top:15px;padding-bottom:20px;font-size:10px;color:#6a7971}.page-heading{padding-top:42px;padding-bottom:32px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px}.breadcrumbs a:hover{color:var(--red)}.page-heading h1{font-family:var(--serif);font-size:36px;line-height:1.6}.page-heading>p{color:var(--muted);margin-top:11px;font-size:14px;max-width:650px;line-height:1.9}.browse-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;margin-bottom:30px}.filter-button{border:1px solid transparent;background:none;border-radius:20px;font-size:12px;padding:6px 17px}.filter-button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.filter-button:hover{border-color:var(--line)}.result-count{font-size:12px;color:var(--muted);margin-left:auto}.browse-grid{padding-bottom:35px}.load-more{text-align:center;margin:30px auto 10px}.load-more>p{font-size:12px;color:var(--muted);margin-bottom:15px}.article-list{max-width:850px;margin:auto}.article-list .article-row{padding:26px 0}.article-list .article-row h3{font-size:24px}.article-list .article-index{width:105px;height:85px;border-radius:3px;background:#e1e7df;border:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:40px}.topic-grid .topic-tile{min-height:225px;padding:32px 25px}.topic-grid .topic-tile h3{font-size:25px}.topic-grid .topic-tile p{line-height:1.9}.search-form{display:flex;border:1px solid var(--line);background:var(--white);border-radius:4px;padding:6px;gap:10px;max-width:760px;margin-top:24px}.search-form input{width:100%;min-width:0;border:0;background:none;padding:5px 14px;outline-offset:3px}.search-form .button{white-space:nowrap}.empty-state{padding:65px 20px;text-align:center;max-width:650px;margin:auto;color:var(--muted)}.empty-state h2{font-family:var(--serif);font-size:26px;color:var(--ink);margin-bottom:12px}.empty-state .button{margin-top:22px}.detail-layout{max-width:900px;margin:auto;padding:32px 36px 5px}.detail-layout.video-detail{max-width:1100px}.detail-heading{max-width:820px}.detail-heading h1{font-family:var(--serif);font-size:34px;line-height:1.65;letter-spacing:.5px}.detail-heading .content-meta{font-size:12px;margin-top:18px;flex-wrap:wrap}.demo-note{border-left:3px solid #9ea99e;background:#e9ece4;color:#667565;font-size:12px;padding:11px 16px;margin:25px 0}.video-stage{margin-top:28px;aspect-ratio:16/9;position:relative;background:var(--ink);border-radius:3px;overflow:hidden;color:var(--paper)}.video-stage video{display:block;width:100%;height:100%;background:#14262b}.video-stage .art{position:absolute;inset:0;opacity:.27}.missing-media{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;z-index:1;text-align:center}.missing-media h2{font-family:var(--serif);font-size:26px;font-weight:400}.missing-media p{color:#c0ccc8;font-size:13px;margin:13px 0 18px;max-width:500px}.missing-media .button{color:var(--paper);border-color:#627c7b;background:#28464d}.article-body{font-family:var(--serif);font-size:19px;line-height:2.05;color:#30413d;max-width:750px;margin:32px auto}.article-body p{margin-bottom:25px;overflow-wrap:anywhere}.article-body h2{font-size:25px;margin:35px 0 18px}.article-body .lead{font-size:21px;color:var(--blue);padding-bottom:25px;border-bottom:1px solid var(--line)}.detail-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:22px 0;margin-top:25px}.topic-chips{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:5px 10px}.related{margin-top:35px;margin-bottom:25px}.related .section-heading h2{font-size:23px}.about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding-bottom:40px}.about-panel{padding:35px;background:#e4e9e1;border-radius:4px}.about-panel h2{font-family:var(--serif);font-size:25px;margin-bottom:15px}.about-panel p{font-size:14px;line-height:1.9;margin-bottom:15px;color:#526760}.about-panel a{border-bottom:1px solid #adbbb0;overflow-wrap:anywhere}.about-panel .muted{font-size:12px}.intro-block{font-family:var(--serif);font-size:19px;line-height:2.05}.intro-block h2{font-size:26px;margin-bottom:22px}.intro-block p{margin-bottom:22px}.portrait-placeholder{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-family:var(--sans)}.portrait-placeholder .seal{font-size:27px;font-family:var(--serif);line-height:1.3;letter-spacing:5px;border:1px solid #8d9e91;padding:16px;color:#5b7366}.portrait-placeholder p{font-size:12px;color:var(--muted);margin:0}.qr-area{padding:18px;border:1px dashed #9eafa4;display:grid;place-items:center;gap:10px;font-size:12px;color:#5b7366}.qr-area img{max-height:180px;max-width:180px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);padding:20px}.product-card img{width:100%;height:180px;object-fit:cover;margin-bottom:15px}.product-card h3{font-size:18px}.product-card p{color:var(--muted);font-size:13px;margin:12px 0}.muted{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);font-size:13px;padding:11px 23px;border-radius:4px;max-width:90%;text-align:center;z-index:99;transition:opacity .15s,transform .15s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:530px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:25px}dialog::backdrop{background:#142e3290}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-heading h2{font-family:var(--serif);font-size:23px}dialog p{font-size:13px;margin-bottom:16px}dialog input{width:100%;padding:10px;border:1px solid var(--line);background:var(--white);margin-bottom:18px;font-size:12px}.admin-mode{max-width:none;padding:0}.admin-mode+.site-footer{margin-top:0}
@media(min-width:1500px){.shell{max-width:1300px}.hero{gap:75px}.hero-feature{min-height:400px}.hero h1{font-size:48px}}
@media(max-width:1000px){.header-inner{gap:18px}.brand{font-size:21px}.main-nav{gap:20px}.search-trigger{padding-left:15px}.search-trigger span{display:none}.hero{gap:30px}.hero h1{font-size:35px}.hero-feature{min-height:325px}.feature-copy h2{font-size:23px}.two-columns{gap:35px}.video-grid{gap:19px}.about-layout{gap:35px}}
@media(max-width:760px){.shell{padding-left:22px;padding-right:22px}.header-inner{height:72px;gap:10px}.brand{font-size:21px;gap:10px;letter-spacing:.5px}.brand-mark{width:36px;height:36px;font-size:25px}.search-trigger{margin-left:auto;padding:9px;border-left:0}.menu-trigger{display:inline-flex}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;margin:0;background:var(--paper);padding:12px 22px 20px;border-bottom:1px solid var(--line);box-shadow:0 8px 12px #172d3208;flex-wrap:wrap;justify-content:space-between;gap:15px}.main-nav.open{display:flex}.main-nav a{padding:7px 0;font-size:13px}.main-nav a[aria-current=page]:after{bottom:0}.hero{grid-template-columns:1fr;gap:28px;padding-top:26px;padding-bottom:33px}.hero-copy{padding:0}.small-label{font-size:12px}.hero h1{font-size:35px;line-height:1.55;margin:14px 0}.hero h1 br{display:initial}.hero-copy>p{font-size:14px;max-width:450px}.hero-actions{margin-top:21px}.hero-actions .button{min-height:42px;padding:10px 20px}.hero-note{margin-top:22px;padding-top:14px;max-width:100%}.hero-feature{min-height:270px}.feature-copy{left:22px;bottom:22px;right:22px}.feature-copy h2{font-size:23px;max-width:88%}.feature-top{top:18px;left:22px}.feature-copy p{margin-top:13px}.section{padding-top:26px;padding-bottom:30px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:25px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.home-videos .video-card:first-child{grid-column:1/-1}.home-videos .video-card:first-child .video-cover{aspect-ratio:2.1}.video-card h3{font-size:15px}.content-meta{font-size:10px;gap:8px;margin-top:10px}.two-columns{grid-template-columns:1fr;gap:20px}.article-row{padding:20px 0;gap:18px}.article-row h3{font-size:20px}.article-row p{font-size:13px}.article-index{height:56px;width:56px;font-size:23px}.topic-aside{border-top:1px solid var(--line);padding-top:26px}.topic-aside-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.topic-aside .topic-tile{padding:17px 13px;margin:0}.topic-aside .topic-tile h3{font-size:18px}.topic-aside .topic-tile p{display:none}.topic-aside .topic-count{font-size:10px;margin-top:17px}.about-strip{align-items:flex-start;padding-top:26px;padding-bottom:26px}.about-strip h2{font-size:22px}.about-strip p{font-size:12px}.about-strip .text-link{margin-top:7px}.footer-top{flex-wrap:wrap;gap:19px;padding-top:27px;padding-bottom:23px}.footer-top p{order:3;width:100%;margin:0}.footer-top>a:last-child{margin-left:auto}.footer-bottom{font-size:10px;gap:10px;padding-top:13px}.footer-bottom span:last-child{display:none}.page-heading{padding-top:27px;padding-bottom:25px}.page-heading h1{font-size:31px}.page-heading>p{font-size:13px}.breadcrumbs{margin-bottom:14px;font-size:11px}.browse-tools{gap:3px;padding:10px 0;margin-bottom:24px}.filter-button{padding:6px 12px;font-size:11px}.result-count{font-size:11px;margin-right:4px}.article-list .article-row{padding:22px 0}.article-list .article-row h3{font-size:21px}.article-list .article-index{width:70px;height:70px}.topic-grid{grid-template-columns:1fr;gap:14px}.topic-grid .topic-tile{min-height:0;margin:0;padding:25px}.topic-grid .topic-tile h3{font-size:24px}.search-form{padding:5px;gap:0}.search-form input{font-size:13px;padding:4px 9px}.search-form .button{padding:9px 15px;min-height:40px}.detail-layout{padding:25px 22px 5px}.detail-heading h1{font-size:28px;line-height:1.65}.detail-heading .content-meta{gap:12px;font-size:11px}.demo-note{font-size:11px;margin:20px 0;padding:10px 13px}.article-body{font-size:18px;line-height:2.05;margin-top:25px}.article-body .lead{font-size:19px}.article-body h2{font-size:23px}.video-stage{margin-top:22px;aspect-ratio:1.65}.missing-media h2{font-size:23px}.missing-media p{font-size:11px;margin:8px 0 13px}.missing-media .button{font-size:12px;min-height:36px;padding:8px 16px}.detail-actions{flex-wrap:wrap;gap:17px}.topic-chips{flex:1;min-width:180px}.related .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .video-card:last-child{display:none}.about-layout{grid-template-columns:1fr;gap:25px}.intro-block{font-size:18px}.about-panel{padding:25px}.product-grid{grid-template-columns:1fr}.empty-state{padding:45px 0}.site-footer{margin-top:15px}}
@media(max-width:380px){.shell{padding-left:17px;padding-right:17px}.brand{font-size:19px}.header-inner{gap:5px}.hero h1{font-size:31px}.hero-feature{min-height:260px}.feature-copy h2{font-size:21px}.preview-detail{display:none}.topic-aside-list{grid-template-columns:1fr}.topic-aside .topic-tile{padding:15px 19px;display:flex;justify-content:space-between;align-items:center}.topic-aside .topic-count{margin:0}.article-index{display:none}.article-row{grid-template-columns:1fr}.article-list .article-index{display:none}.footer-brand{font-size:18px}.result-count{width:100%;margin-top:7px}.detail-layout{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}