:root{--ink:#17211d;--ink-soft:#26352e;--paper:#f2efe7;--paper-2:#e7e3d8;--muted:#788078;--line:rgba(23,33,29,.16);--accent:#c95b3b;--accent-soft:#e5a477;--cream:#faf8f2;--serif:'Noto Serif SC',serif;--sans:'DM Sans','Microsoft YaHei',sans-serif;--shell:min(1180px,calc(100% - 72px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,dl,dd{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.18;letter-spacing:0}h2{font-size:clamp(2.3rem,4vw,4.2rem);max-width:720px}h3{font-size:1.3rem}.shell{width:var(--shell);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:20;top:-50px;left:20px;background:var(--accent);color:#fff;padding:8px 14px}.skip-link:focus{top:12px}.site-header{height:82px;position:fixed;z-index:10;top:0;left:0;width:100%;border-bottom:1px solid transparent;transition:.25s;background:rgba(242,239,231,.04)}.site-header.is-scrolled{background:rgba(242,239,231,.94);border-color:var(--line);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;line-height:1}.brand strong{font:700 1.18rem var(--serif);display:block}.brand small{color:var(--muted);display:block;font:600 .52rem var(--sans);letter-spacing:.18em;margin-top:5px}.brand-mark{width:30px;height:30px;display:flex;align-items:flex-end;gap:3px}.brand-mark span{width:8px;background:var(--accent);display:block}.brand-mark span:nth-child(1){height:15px}.brand-mark span:nth-child(2){height:24px;background:var(--ink)}.brand-mark span:nth-child(3){height:20px;background:var(--accent-soft)}.main-nav{display:flex;align-items:center;gap:24px;font-size:.78rem;font-weight:600}.main-nav>a:not(.nav-cta){color:var(--ink-soft);position:relative}.main-nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:1px;background:var(--accent);transition:.2s}.main-nav>a:hover:after,.main-nav>a.active:after{width:100%}.nav-cta,.button{display:inline-flex;align-items:center;gap:12px;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:11px 17px;font-weight:700;font-size:.78rem;transition:.2s}.nav-cta:hover,.button:hover{background:#a8452b;border-color:#a8452b;transform:translateY(-2px)}.nav-toggle{display:none;border:0;background:transparent;padding:7px}.hero{min-height:760px;position:relative;overflow:hidden;background:var(--paper)}.hero-visual{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-visual:before{content:'';position:absolute;right:-5%;top:-18%;width:63vw;height:125%;background:var(--ink);transform:rotate(9deg);transform-origin:center}.hero-grid{position:absolute;right:0;top:0;width:53%;height:100%;opacity:.1;background-image:linear-gradient(rgba(242,239,231,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(242,239,231,.35) 1px,transparent 1px);background-size:36px 36px;transform:skewY(-9deg)}.hero-orbit{position:absolute;border:1px solid rgba(229,164,119,.36);border-radius:50%;right:10%;top:18%;width:37vw;height:37vw}.orbit-two{width:22vw;height:22vw;right:20%;top:28%;border-color:rgba(201,91,59,.6)}.hero-stamp{position:absolute;right:13%;top:19%;color:rgba(242,239,231,.3);font:700 clamp(2rem,5vw,5rem)/.86 var(--serif);letter-spacing:.04em;text-align:center;transform:rotate(9deg)}.hero-stamp em{color:var(--accent-soft);font-style:normal}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;min-height:760px;padding-top:80px}.hero-copy{padding-bottom:25px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--accent);display:flex;gap:10px;align-items:center;margin-bottom:18px}.eyebrow span{display:inline-block;width:22px;height:1px;background:currentColor}.hero h1{font-size:clamp(4.5rem,10vw,9.7rem);letter-spacing:.03em;color:var(--ink);margin-bottom:24px}.hero-lead{font-size:1.12rem;line-height:1.9;max-width:530px;color:var(--ink-soft)}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}.text-link{font-size:.79rem;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:4px}.text-link span{color:var(--accent);font-size:1.1rem}.hero-stats{display:flex;gap:30px;margin-top:72px}.hero-stats div{padding-left:14px;border-left:1px solid var(--accent)}.hero-stats dt{color:var(--muted);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.hero-stats dd{font-size:.78rem;font-weight:700;margin-top:5px}.hero-card{width:min(100%,330px);justify-self:end;transform:rotate(3deg);margin-top:30px}.hero-card-image{height:435px;position:relative;overflow:hidden;background:var(--ink-soft);box-shadow:20px 20px 0 rgba(201,91,59,.25)}.hero-card-image img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:luminosity;opacity:.84}.hero-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,33,29,.05),rgba(23,33,29,.5))}.media-fallback{background-color:#33483d;background-image:radial-gradient(circle at 28% 26%,rgba(229,164,119,.6) 0 3%,transparent 3.5%),linear-gradient(140deg,#566a55,#1a2924 58%,#b1593c)}.media-label{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:.65rem;letter-spacing:.15em}.hero-card-note{background:var(--cream);padding:15px 18px;display:flex;gap:14px;align-items:center}.hero-card-note>span{color:var(--accent);font:700 1.25rem var(--serif)}.hero-card-note p{font-size:.7rem;line-height:1.5;color:var(--muted)}.hero-card-note strong{font-size:.88rem;color:var(--ink)}.hero-scroll{position:absolute;left:36px;bottom:28px;font-size:.63rem;letter-spacing:.16em;writing-mode:vertical-rl;color:var(--muted);display:flex;align-items:center;gap:10px}.hero-scroll span{width:1px;height:42px;background:var(--accent)}.section{padding:130px 0}.split-layout{display:grid;grid-template-columns:150px 1fr;gap:5vw}.section-kicker{color:var(--muted);font-size:.63rem;letter-spacing:.13em;display:flex;gap:13px;align-items:flex-start}.section-kicker i{height:42px;width:1px;background:var(--accent);display:block}.section-body{max-width:840px}.intro-section{background:var(--cream)}.intro-body h2{margin-bottom:29px}.lead-copy{font-size:1.25rem;line-height:1.8;color:var(--ink-soft);max-width:800px}.intro-body>p:not(.eyebrow){margin-bottom:22px}.inline-fact{display:flex;gap:18px;align-items:center;margin-top:40px;font-weight:700}.fact-number{color:var(--accent);font:700 1.4rem var(--serif)}.inline-fact small{font:400 .75rem var(--sans);color:var(--muted)}.dark-section{background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:66px}.dark-section .eyebrow{color:var(--accent-soft)}.heading-aside{max-width:290px;color:#aab1a7;font-size:.88rem}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(242,239,231,.19);border-left:1px solid rgba(242,239,231,.19)}.content-item{min-height:225px;border-right:1px solid rgba(242,239,231,.19);border-bottom:1px solid rgba(242,239,231,.19);padding:26px 25px}.content-item:nth-child(1),.content-item:nth-child(5){background:rgba(201,91,59,.12)}.content-item b{color:var(--accent-soft);font-size:.68rem;letter-spacing:.12em}.content-item h3{font-size:1.45rem;margin:30px 0 13px}.content-item p{color:#aab1a7;font-size:.86rem;line-height:1.7}.guide-section{background:var(--paper-2)}.guide-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw}.guide-heading h2{margin-bottom:25px}.guide-heading>p:not(.eyebrow){color:var(--muted);max-width:380px}.dark-link{display:inline-block;margin-top:35px}.guide-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px;font:600 1.1rem var(--serif);padding:23px 0}summary::-webkit-details-marker{display:none}summary span{font:700 .72rem var(--sans);color:var(--accent);width:28px}details p{padding:0 0 24px 48px;color:var(--muted);max-width:620px;font-size:.9rem}.feature-layout{align-items:start}.feature-section{background:var(--cream)}.feature-list{margin-top:45px;border-top:1px solid var(--line)}.feature-list>div{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.feature-list span{color:var(--accent);font-size:.7rem;padding-top:3px}.feature-list h3{font-size:1.2rem}.feature-list p{color:var(--muted);font-size:.86rem}.updates-section{padding-bottom:105px}.updates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(242,239,231,.18);margin-bottom:32px}.updates-grid article{background:var(--ink);padding:26px 23px;min-height:220px}.updates-grid span{color:var(--accent-soft);font:700 .72rem var(--sans);letter-spacing:.12em}.updates-grid h3{font-size:1.25rem;margin:33px 0 13px}.updates-grid p{color:#aab1a7;font-size:.82rem;line-height:1.7}.outline-button{display:inline-flex;border:1px solid rgba(242,239,231,.45);padding:12px 17px;font-size:.77rem;font-weight:700;gap:12px;color:var(--paper);transition:.2s}.outline-button:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.faq-section{background:var(--paper-2)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.faq-note{color:var(--muted);max-width:280px;margin-top:20px}.faq-list{border-top:1px solid var(--line)}.faq-list summary{justify-content:space-between;font-family:var(--sans);font-size:.96rem}.faq-list summary span{font:400 1.3rem var(--sans);color:var(--accent);text-align:right}.site-footer{background:var(--ink);color:var(--paper);padding:52px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:48px;border-bottom:1px solid rgba(242,239,231,.2)}.footer-top>p{font-family:var(--serif);font-size:1.2rem;color:#d1d2c8}.footer-bottom{display:flex;justify-content:space-between;color:#89928a;font-size:.7rem;padding-top:20px}.site-footer .brand small{color:#89928a}.site-footer .brand strong{color:var(--paper)}
@media (max-width:900px){:root{--shell:min(100% - 40px,680px)}.site-header{height:70px}.nav-toggle{display:block}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:17px 20px 24px;flex-direction:column;align-items:flex-start;gap:16px}.main-nav.is-open{display:flex}.main-nav .nav-cta{margin-top:4px;width:100%}.hero{min-height:850px}.hero-inner{grid-template-columns:1fr;min-height:850px;align-items:start;padding-top:145px}.hero h1{font-size:clamp(4.7rem,19vw,7.5rem)}.hero-copy{padding-bottom:0}.hero-card{position:absolute;right:0;bottom:50px;width:230px}.hero-card-image{height:290px}.hero-stats{margin-top:38px;gap:18px}.hero-stats div{padding-left:9px}.hero-stats dd{font-size:.68rem}.hero-visual:before{right:-55%;top:27%;width:125vw;height:88%}.hero-grid{top:30%;width:100%;height:70%}.hero-stamp{right:12%;top:48%;font-size:2.4rem}.hero-scroll{display:none}.section{padding:90px 0}.split-layout{grid-template-columns:1fr;gap:24px}.section-kicker{align-items:center}.section-kicker i{width:38px;height:1px}.content-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block;margin-bottom:42px}.heading-aside{margin-top:20px}.guide-layout,.faq-layout{grid-template-columns:1fr;gap:50px}.feature-list>div{grid-template-columns:45px 1fr;gap:8px 12px}.feature-list p{grid-column:2}.updates-grid{grid-template-columns:repeat(2,1fr)}.footer-top{align-items:flex-start;flex-direction:column}.footer-top .button{width:100%}}
@media (max-width:520px){:root{--shell:calc(100% - 32px)}.hero{min-height:820px}.hero-inner{min-height:820px;padding-top:125px}.hero-lead{font-size:1rem}.hero-card{width:190px;bottom:40px}.hero-card-image{height:235px}.hero-card-note{padding:10px 12px}.hero-stats{gap:12px}.hero-stats dt{font-size:.58rem}.hero-stats dd{font-size:.62rem}.content-grid,.updates-grid{grid-template-columns:1fr}.content-item{min-height:auto;padding:24px 20px}.content-item h3{margin:17px 0 8px}.updates-grid article{min-height:auto}.feature-list>div{display:grid}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Hero contrast and broken-image fallback overrides. */
.site-header:not(.is-scrolled) .main-nav>a:not(.nav-cta){color:var(--paper)}
.hero-card-image img{color:transparent;font-size:0}
html,body{max-width:100%;overflow-x:hidden}
.hero-card-image img{visibility:hidden}
@media (max-width:900px){.main-nav.is-open>a:not(.nav-cta){color:var(--ink)}}
.nav-toggle{position:relative;width:40px;height:40px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;margin:0;background:var(--ink);transform-origin:center;transition:transform .3s ease,opacity .3s ease}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){.nav-toggle{display:flex}}
.hero-copy{position:relative;z-index:2;max-width:590px}
.hero-inner{grid-template-columns:minmax(0,.85fr) minmax(360px,.75fr);gap:5vw}
.hero h1{font-size:clamp(4rem,5.4vw,5.8rem);max-width:420px}
.hero-lead{max-width:370px}
.hero-visual:before{right:-10%;width:58vw}
@media (max-width:900px){.hero-copy{max-width:none}.hero-inner{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(4.7rem,19vw,7.5rem);max-width:none}.hero-lead{max-width:530px}.hero-visual:before{right:-55%;width:125vw}}
.hero-visual:before{background:#e2e5dc}
.hero-grid{opacity:.24;background-image:linear-gradient(rgba(23,33,29,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,29,.12) 1px,transparent 1px)}
.hero-stamp{color:rgba(23,33,29,.18)}
.site-header:not(.is-scrolled) .main-nav>a:not(.nav-cta){color:var(--ink)}
.hero-card-image.media-fallback{background-color:#b6c4b3;background-image:radial-gradient(circle at 28% 26%,rgba(229,164,119,.72) 0 3%,transparent 3.5%),linear-gradient(145deg,#8fa493 0%,#b8c5b2 48%,#d6ae8f 100%)}
.hero-card-image:after{background:linear-gradient(135deg,rgba(23,33,29,.02),rgba(23,33,29,.18))}
.hero-stamp,.hero-orbit{display:none}
.hero-card{transform:none}
.hero-card-image{border:1px solid rgba(23,33,29,.16);box-shadow:12px 14px 0 rgba(23,33,29,.08)}
.hero-card-image.media-fallback{background-image:linear-gradient(155deg,#a9b9a8 0%,#cbd2c1 52%,#d7b18f 100%)}
.hero-card-image.media-fallback:before{content:'村庄概览';position:absolute;z-index:1;top:25px;left:25px;color:rgba(23,33,29,.7);font:700 .75rem var(--sans);letter-spacing:.16em}
@media (max-width:1100px) and (min-width:901px){.hero-inner{grid-template-columns:1fr;gap:0}.hero-card{justify-self:end;margin-top:40px;width:min(330px,45vw)}.hero-visual:before{right:-30%;width:85vw}}
.media-strip{background:var(--cream);padding:115px 0 125px;border-top:1px solid var(--line)}
.media-strip-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}
.media-strip-heading h2{font-size:clamp(2rem,3.5vw,3.4rem);max-width:630px}
.media-strip-heading>p{max-width:290px;color:var(--muted);font-size:.86rem}
.media-strip-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:12px}
.media-tile{margin:0;position:relative;overflow:hidden;background:var(--paper-2);min-width:0}
.media-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .35s ease,filter .35s ease}
.media-tile:hover img{transform:scale(1.04);filter:saturate(1)}
.media-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;color:#fff;font-size:.7rem;background:linear-gradient(transparent,rgba(23,33,29,.78));opacity:.9}
.media-tile-1{grid-column:span 5;grid-row:span 2}.media-tile-2{grid-column:span 4;grid-row:span 2}.media-tile-3{grid-column:span 3}.media-tile-4{grid-column:span 3}.media-tile-5{grid-column:span 3}.media-tile-6{grid-column:span 3}
@media (max-width:900px){.media-strip{padding:80px 0}.media-strip-heading{display:block}.media-strip-heading>p{margin-top:16px}.media-strip-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:145px}.media-tile-1,.media-tile-2{grid-column:span 1;grid-row:span 2}.media-tile-3,.media-tile-4,.media-tile-5,.media-tile-6{grid-column:span 1}}
@media (max-width:520px){.media-strip-grid{grid-template-columns:1fr}.media-tile-1,.media-tile-2,.media-tile-3,.media-tile-4,.media-tile-5,.media-tile-6{grid-column:span 1;grid-row:span 1;height:220px}}
.ui-icon{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border:1px solid currentColor;border-radius:50%;font-size:.82em;line-height:1}
.floating-cta{position:fixed;right:24px;bottom:24px;z-index:20;display:inline-flex;align-items:center;gap:9px;padding:13px 18px;background:var(--accent);color:#fff;box-shadow:0 10px 26px rgba(23,33,29,.2);font-weight:700;font-size:.78rem;transition:transform .2s,background .2s}.floating-cta:hover{background:#a8452b;transform:translateY(-3px)}
.hero h1{font-size:clamp(3.6rem,4.8vw,5.2rem)}
.section h2{font-size:clamp(2rem,3.2vw,3.35rem)}
.screenshots-section{background:var(--ink);color:var(--paper);padding:110px 0 120px}.screenshots-section .eyebrow{color:var(--accent-soft)}.screenshots-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.screenshots-heading h2{max-width:700px}.screenshots-heading p{max-width:260px;color:#aab1a7;font-size:.85rem}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.screenshot-grid figure{margin:0;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#24362e}.screenshot-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.screenshot-grid figure:hover img{transform:scale(1.05)}.screenshot-grid figcaption{position:absolute;left:-9999px}.lightbox{position:fixed;inset:0;z-index:50;background:rgba(10,17,14,.92);display:grid;place-items:center;padding:40px;opacity:0;visibility:hidden;transition:.2s}.lightbox.is-open{opacity:1;visibility:visible}.lightbox img{max-width:min(92vw,1200px);max-height:82vh;object-fit:contain;border-radius:12px}.lightbox-button{position:absolute;border:1px solid rgba(255,255,255,.45);background:rgba(23,33,29,.68);color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer}.lightbox-close{top:24px;right:24px}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-caption{position:absolute;bottom:18px;color:#d7ddd5;font-size:.8rem}
@media (max-width:900px){.screenshots-section{padding:80px 0}.screenshots-heading{display:block}.screenshots-heading p{margin-top:16px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.floating-cta{right:16px;bottom:16px}.hero h1{font-size:clamp(4.4rem,16vw,6.8rem)}}
@media (max-width:520px){.screenshot-grid{grid-template-columns:1fr}.screenshots-heading h2{font-size:2rem}.lightbox{padding:18px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-button{width:38px;height:38px}}
.module-shell{max-width:1080px}.module-heading{text-align:center;margin:0 auto 54px}.module-heading .eyebrow{justify-content:center;margin-bottom:12px}.module-heading h2{margin:0 auto;font-size:clamp(2rem,3vw,3.3rem)}.heading-rule{display:block;width:56px;height:3px;background:var(--accent);margin:20px auto 0;border-radius:4px}.module-heading-light .eyebrow{color:var(--accent-soft)}.module-intro{color:#aab1a7;max-width:650px;margin:20px auto 0;font-size:.88rem}.intro-module{max-width:1120px}.intro-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-feature figure{position:relative;margin:0;overflow:hidden;border-radius:26px;aspect-ratio:4/3;box-shadow:0 20px 45px rgba(23,33,29,.18)}.intro-feature figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.intro-feature figure:hover img{transform:scale(1.05)}.intro-feature figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 22px 18px;color:#fff;font-size:.72rem;background:linear-gradient(transparent,rgba(23,33,29,.78))}.intro-copy>p{color:var(--muted);font-size:.94rem;line-height:1.9;margin-bottom:16px}.intro-copy>p:first-child{color:var(--ink-soft);font-size:1.08rem}.intro-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}.intro-points span{display:flex;gap:9px;align-items:center;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.intro-points b{color:var(--accent);font-size:1.2rem}.intro-copy .button{margin-top:8px}.content-module{max-width:1120px}.content-story-list{display:grid;gap:62px}.content-story{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.content-story.is-reverse figure{order:2}.content-story.is-reverse>div{order:1}.content-story figure{margin:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden;position:relative;background:#24362e}.content-story figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.content-story figure:hover img{transform:scale(1.05)}.content-story figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 18px 14px;color:#fff;font-size:.72rem;background:linear-gradient(transparent,rgba(23,33,29,.75))}.story-index{color:var(--accent-soft);font-size:.75rem;letter-spacing:.15em}.content-story h3{font-size:2rem;margin:16px 0}.content-story>div>p:last-child{color:#aab1a7;line-height:1.9;max-width:430px}.guide-module{max-width:1120px}.guide-filters{display:flex;justify-content:center;gap:8px;margin:-22px auto 36px;flex-wrap:wrap}.guide-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 19px;border-radius:30px;font:600 .76rem var(--sans);cursor:pointer;transition:.2s}.guide-filters button:hover,.guide-filters button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:25px 23px;min-height:220px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.guide-card:hover{transform:translateY(-7px);border-color:rgba(201,91,59,.55);box-shadow:0 14px 35px rgba(201,91,59,.17)}.guide-tag{align-self:flex-start;padding:4px 9px;border-radius:3px;background:rgba(201,91,59,.11);color:var(--accent);font-size:.65rem;font-weight:700}.guide-card h3{font-size:1.35rem;margin:20px 0 11px}.guide-card p{color:var(--muted);font-size:.84rem;line-height:1.75}.guide-card small{margin-top:auto;padding-top:18px;color:var(--muted);font-size:.68rem}.guide-card small span{float:right;color:var(--accent);font-size:1rem}.feature-module{max-width:1120px}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:rgba(23,33,29,.86);border:1px solid rgba(242,239,231,.14);border-radius:12px;padding:28px 24px;min-height:210px;color:var(--paper);transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 14px 36px rgba(201,91,59,.2)}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--accent);border-radius:50%;color:var(--accent-soft);font-size:1.35rem;margin-bottom:25px;transition:transform .3s}.feature-card:hover .feature-icon{transform:rotate(10deg) scale(1.12)}.feature-card h3{font-size:1.25rem;margin-bottom:10px}.feature-card p{color:#aab1a7;font-size:.83rem;line-height:1.75}.updates-module{max-width:1120px}.update-list{display:grid;gap:12px}.update-card{display:grid;grid-template-columns:110px 1fr 40px;gap:25px;align-items:center;background:rgba(242,239,231,.06);border:1px solid rgba(242,239,231,.13);border-radius:12px;padding:25px 28px;transition:background .2s,border-color .2s}.update-card:hover{background:rgba(242,239,231,.1);border-color:rgba(229,164,119,.5)}.update-card time{color:var(--accent-soft);font:700 1rem var(--sans);letter-spacing:.06em}.update-card h3{font-size:1.3rem;margin-bottom:7px}.update-card p{color:#aab1a7;font-size:.86rem;line-height:1.75}.update-arrow{color:var(--accent-soft);font-size:1.3rem;text-align:right}.faq-module{max-width:1120px}.faq-stack{display:grid;gap:12px}.faq-card{border:1px solid var(--line);border-radius:12px;background:rgba(250,248,242,.74);padding:0 24px;transition:border-color .2s,box-shadow .2s}.faq-card[open]{border-color:rgba(201,91,59,.55);box-shadow:0 8px 22px rgba(23,33,29,.06)}.faq-card summary{font-family:var(--sans);font-size:.98rem;justify-content:space-between;padding:21px 0}.faq-card summary span{color:var(--accent);font-size:1.2rem}.faq-card p{padding:0 0 22px;color:var(--muted);font-size:.88rem;line-height:1.8}.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}.dark-section .module-shell{color:var(--paper)}
@media (max-width:900px){.intro-feature{grid-template-columns:1fr;gap:35px}.intro-feature figure{max-width:680px;margin:0 auto;width:100%}.content-story{grid-template-columns:1fr;gap:24px}.content-story.is-reverse figure,.content-story.is-reverse>div{order:initial}.content-story>div{padding:0 8px}.guide-cards,.feature-cards{grid-template-columns:repeat(2,1fr)}.update-card{grid-template-columns:90px 1fr 25px;gap:15px;padding:20px}.module-heading{margin-bottom:42px}}
@media (max-width:520px){.intro-points{gap:10px}.intro-points span{font-size:.72rem}.content-story h3{font-size:1.6rem}.guide-cards,.feature-cards{grid-template-columns:1fr}.update-card{grid-template-columns:1fr;gap:8px}.update-arrow{display:none}.faq-card{padding:0 18px}.faq-card summary{font-size:.88rem}}
.feature-icon svg{width:22px;height:22px}
.hero h1{font-size:clamp(3.15rem,4vw,4.6rem);line-height:1.08;max-width:360px}
.section h2,.module-heading h2{font-size:clamp(1.75rem,2.6vw,2.8rem);line-height:1.22;max-width:620px}
.screenshots-heading h2{font-size:clamp(1.75rem,2.6vw,2.8rem)}
@media (max-width:900px){.hero h1{font-size:clamp(3.5rem,13vw,5.5rem);max-width:none}.section h2,.module-heading h2,.screenshots-heading h2{font-size:clamp(1.7rem,6.5vw,2.35rem)}}
@media (max-width:520px){.hero h1{font-size:clamp(3rem,15vw,4.4rem)}.section h2,.module-heading h2,.screenshots-heading h2{font-size:clamp(1.55rem,7.5vw,2rem)}}

/* Unified corner system: modules/cards 16px, images 12px, pills for actions, compact tags 4px. */
.hero-card,.content-item,.guide-card,.feature-card,.update-card,.faq-card,.content-story,.intro-feature,.media-tile,.screenshot-grid figure,.screenshots-section,.guide-module,.feature-module,.updates-module,.faq-module{border-radius:16px}
.hero-card-image,.intro-feature figure,.content-story figure,.media-tile,.screenshot-grid figure,.media-tile img,.screenshot-grid img{border-radius:12px}
.button,.nav-cta,.floating-cta,.outline-button,.text-link,.guide-filters button{border-radius:999px}
.guide-tag,.eyebrow,.story-index{border-radius:4px}
.brand-logo{border-radius:12px}
.lightbox-button{border-radius:50%}
.main-nav a,.button,.nav-cta,.floating-cta,.outline-button,.text-link,.guide-filters button{display:inline-flex;align-items:center;gap:7px}.nav-icon,.control-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:15px;height:15px;color:currentColor}.nav-icon svg,.control-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-nav>a:not(.nav-cta) .nav-icon{width:14px;height:14px;color:var(--accent)}.nav-cta .ui-icon,.floating-cta .ui-icon{width:17px;height:17px}.guide-filters button .control-icon{width:13px;height:13px}.button:hover .control-icon,.nav-cta:hover .ui-icon,.floating-cta:hover .ui-icon,.outline-button:hover .control-icon,.text-link:hover .control-icon{transform:translate(1px,-1px)}.control-icon,.ui-icon{transition:transform .2s ease}
.brand-logo{display:block;width:62px;height:62px;max-width:100%;object-fit:contain;object-position:center;border-radius:8px}.site-footer .brand-logo{filter:none;opacity:.95;width:82px;height:82px}
.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}.brand-copy strong{font:700 1.25rem var(--serif);color:var(--ink)}.brand-copy small{font:700 .52rem var(--sans);letter-spacing:.18em;color:var(--muted)}.site-footer .brand-copy strong{color:var(--paper)}.site-footer .brand-copy small{color:#89928a}
.friend-links{padding:30px 0 34px;border-top:1px solid rgba(242,239,231,.18);border-bottom:1px solid rgba(242,239,231,.18);text-align:center}.friend-links h2{font-size:clamp(1.7rem,3vw,2.5rem);color:var(--paper);margin:0 auto 22px}.friend-links-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.friend-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border:1px solid rgba(229,164,119,.35);border-radius:999px;background:rgba(242,239,231,.07);color:#d7d9cf;font-size:.78rem;line-height:1.3;transition:background .2s,border-color .2s,color .2s,transform .2s}.friend-link:hover{background:rgba(201,91,59,.2);border-color:var(--accent-soft);color:#fff;transform:translateY(-2px)}
/* Pure CSS hover system: unified 0.3s motion for cards, buttons, media and navigation. */
.guide-card,.feature-card,.update-card,.faq-card,.content-story,.intro-feature,.screenshot-grid figure,.friend-link,.hero-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}
.guide-card:hover,.feature-card:hover,.update-card:hover,.faq-card:hover,.content-story:hover,.intro-feature:hover,.screenshot-grid figure:hover,.friend-link:hover,.hero-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(201,91,59,.2)}
.button,.nav-cta,.floating-cta,.outline-button,.guide-filters button{transition:transform .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}
.button:hover,.nav-cta:hover,.floating-cta:hover,.outline-button:hover,.guide-filters button:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(201,91,59,.22)}
.hero-card-image img,.intro-feature figure img,.content-story figure img,.screenshot-grid img,.media-tile img{transition:transform .3s ease,filter .3s ease}
.hero-card-image:hover img,.intro-feature figure:hover img,.content-story figure:hover img,.screenshot-grid figure:hover img,.media-tile:hover img{transform:scale(1.05)}
.main-nav>a:not(.nav-cta){position:relative;transition:color .3s ease}
.main-nav>a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
.main-nav>a:not(.nav-cta):hover::after,.main-nav>a:not(.nav-cta).active::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.guide-card,.feature-card,.update-card,.faq-card,.content-story,.intro-feature,.screenshot-grid figure,.friend-link,.hero-card,.button,.nav-cta,.floating-cta,.outline-button,.guide-filters button,.hero-card-image img,.intro-feature figure img,.content-story figure img,.screenshot-grid img,.media-tile img,.main-nav>a:not(.nav-cta),.main-nav>a:not(.nav-cta)::after{transition-duration:.01ms!important}.guide-card:hover,.feature-card:hover,.update-card:hover,.faq-card:hover,.content-story:hover,.intro-feature:hover,.screenshot-grid figure:hover,.friend-link:hover,.hero-card:hover,.button:hover,.nav-cta:hover,.floating-cta:hover,.outline-button:hover,.guide-filters button:hover{transform:none}}
@media (max-width:520px){.brand-logo{width:52px;height:52px}.site-footer .brand-logo{width:72px;height:72px}.brand-copy strong{font-size:1.05rem}.brand-copy small{font-size:.44rem}}
.hero-card{width:min(100%,420px)}
.hero-card-image{height:auto;aspect-ratio:16/10}
.hero-card-image img{visibility:visible;mix-blend-mode:normal;opacity:1}
.hero-card-image.media-fallback:before{content:'共妻之村 · 村庄概览';color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}
@media (max-width:900px){.hero-card{width:min(230px,54vw)}.hero-card-image{height:auto;aspect-ratio:16/10}}

/* Final radius overrides for all visible cards, modules, media and controls. */
.hero-card,.content-item,.guide-card,.feature-card,.update-card,.faq-card,.content-story,.intro-feature,.media-tile,.screenshot-grid figure,.screenshots-section,.guide-module,.feature-module,.updates-module,.faq-module{border-radius:16px}
.hero-card-image,.intro-feature figure,.content-story figure,.media-tile,.screenshot-grid figure,.media-tile img,.screenshot-grid img{border-radius:12px}
.button,.nav-cta,.floating-cta,.outline-button,.guide-filters button{border-radius:999px}
.guide-tag,.eyebrow,.story-index{border-radius:4px}
.lightbox-button{border-radius:50%}