:root{--paper: #fbfaf7;--paper-2: #f4f2ec;--card: #ffffff;--ink: #1f2733;--ink-2: #47505d;--ink-3: #6b7482;--line: #e6e2d9;--line-2: #ece9e1;--accent: #b5892f;--accent-ink: #8a6620;--accent-soft: #f3ead4;--ok: #2f7d4f;--ok-soft: #e4f2e9;--accent-hue: 40;--radius: 12px;--radius-sm: 8px;--maxw: 1080px;--shadow-sm: 0 1px 2px rgba(31, 39, 51, .05), 0 1px 3px rgba(31, 39, 51, .04);--shadow-md: 0 4px 14px rgba(31, 39, 51, .08);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink);line-height:1.2;letter-spacing:-.01em;margin:0}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.container.narrow{max-width:760px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:50;background:#fbfaf7e6;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:7px}.brand-name{font-weight:700;font-size:1.06rem;letter-spacing:-.02em}.site-nav{display:flex;align-items:center;gap:4px}.nav-link{color:var(--ink-2);font-size:.93rem;font-weight:500;padding:7px 11px;border-radius:var(--radius-sm)}.nav-link:hover{color:var(--ink);background:var(--paper-2);text-decoration:none}.nav-link.active{color:var(--ink);background:var(--paper-2)}.lang-toggle{margin-left:6px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:.82rem;font-weight:600;color:var(--ink-3);cursor:pointer;display:inline-flex;gap:5px;align-items:center;font-family:var(--font)}.lang-toggle:hover{border-color:var(--ink-3)}.lang-on{color:var(--ink)}.lang-off{color:var(--ink-3);opacity:.55}.lang-sep{color:var(--line)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:20px;height:2px;background:var(--ink);border-radius:2px}.hero{padding:76px 0 52px;background:radial-gradient(60% 120% at 100% 0%,var(--paper-2) 0%,transparent 55%),var(--paper);border-bottom:1px solid var(--line)}.hero-eyebrow{margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;max-width:16ch}.hero-sub{margin:20px 0 0;font-size:clamp(1.02rem,2.2vw,1.18rem);color:var(--ink-2);max-width:60ch}.section{padding:56px 0}.section-alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:26px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);color:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.product-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.card-media{border-bottom:1px solid var(--line)}.card-shot{width:100%;aspect-ratio:16 / 10;object-fit:cover}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-3);background:var(--paper);letter-spacing:.01em}.badge-status.is-live{color:var(--ok);background:var(--ok-soft);border-color:transparent}.badge-form{color:hsl(var(--accent-hue) 45% 34%);background:hsl(var(--accent-hue) 45% 95%);border-color:transparent}.badge-cat{color:var(--ink-2)}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:5px}.card-tagline{color:var(--ink-2);font-size:.95rem;margin:0 0 16px;flex:1}.card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.card-price{font-weight:700;font-size:.9rem;color:var(--ink)}.card-view{font-size:.86rem;font-weight:600;color:var(--accent-ink)}.ph-art{width:100%;position:relative;overflow:hidden}.ph-svg{width:100%;height:100%;display:block}.more-tile{display:flex;flex-direction:column;justify-content:center;border:1px dashed var(--line);border-radius:var(--radius);padding:26px 22px;background:var(--paper);min-height:220px}.more-plus{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-size:1.5rem;font-weight:700;margin-bottom:14px}.more-title{font-size:1.08rem;font-weight:700;margin-bottom:7px}.more-body{color:var(--ink-2);font-size:.92rem;margin:0}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.principle{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.principle-num{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--accent-ink);margin-bottom:10px}.principle-title{font-size:1.08rem;font-weight:700;margin-bottom:7px}.principle-body{color:var(--ink-2);font-size:.94rem;margin:0}.product-detail{padding:34px 0 64px}.back-link{display:inline-block;color:var(--ink-3);font-size:.9rem;font-weight:600;margin-bottom:24px}.back-link:hover{color:var(--ink);text-decoration:none}.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin-bottom:44px}.detail-title{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin:14px 0 8px}.detail-tagline{font-size:1.16rem;color:var(--ink-2);margin:0 0 6px}.detail-platform{font-size:.9rem;color:var(--ink-3);margin:0 0 22px}.detail-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-price-inline{font-weight:700;color:var(--ink)}.detail-hero-media .ph-art,.detail-shot{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:650;font-size:.96rem;padding:11px 22px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .14s ease,transform .1s ease}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#2b3545;text-decoration:none}.btn-primary:active{transform:translateY(1px)}.btn.is-disabled{background:var(--paper-2);color:var(--ink-3);border-color:var(--line);cursor:not-allowed;pointer-events:none}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;margin-bottom:52px}.detail-desc{color:var(--ink-2);font-size:1.03rem;margin:0 0 16px}.detail-subhead{font-size:1.22rem;font-weight:700;margin:30px 0 16px}.detail-main .detail-subhead:first-child{margin-top:6px}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.feature-list li{display:flex;gap:11px;align-items:flex-start;color:var(--ink-2);font-size:1rem}.feature-check{flex:none;width:22px;height:22px;border-radius:999px;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;font-size:.78rem;font-weight:700;margin-top:1px}.detail-aside{position:sticky;top:84px}.price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.price-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.price-amount{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.price-detail{color:var(--ink-2);font-size:.92rem;margin:0 0 6px}.price-card .btn{width:100%;margin-top:4px}.detail-shots{margin-top:8px}.shots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.shot-img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}.shot-placeholder{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.shot-ph-label{position:absolute;inset:auto 0 0 0;text-align:center;padding:7px;font-size:.8rem;color:var(--ink-3);background:#ffffffd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.legal{padding:44px 0 68px}.legal-title{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.legal-updated{color:var(--ink-3);font-size:.9rem;margin:0 0 30px}.legal-body{font-size:1rem;color:var(--ink-2)}.legal-body h2{font-size:1.18rem;margin:32px 0 10px;color:var(--ink)}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 16px;padding-left:22px}.legal-body li{margin-bottom:8px}.legal-body strong{color:var(--ink)}.legal-callout{background:var(--accent-soft);border:1px solid #e6d5a8;border-radius:var(--radius);padding:18px 20px;margin:0 0 28px}.legal-callout strong{color:var(--accent-ink)}.legal-callout p{margin:8px 0 0;color:var(--ink-2)}.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:8px 0 28px;box-shadow:var(--shadow-sm)}.contact-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.contact-email{font-size:1.3rem;font-weight:700;font-family:var(--mono);color:var(--accent-ink);word-break:break-all}.contact-note{color:var(--ink-2);font-size:.92rem;margin:12px 0 0}.plain-links{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.plain-links a{font-weight:600}.site-footer{background:var(--ink);color:#c8cdd6;margin-top:8px}.footer-inner{display:flex;justify-content:space-between;gap:40px;padding-top:44px;padding-bottom:30px;flex-wrap:wrap}.footer-brandline{display:flex;align-items:center;gap:9px;color:#fff}.footer-brandline .brand-name{color:#fff}.footer-mark{width:28px;height:28px;border-radius:7px}.footer-tagline{margin:12px 0 8px;color:#9aa2ae;font-size:.92rem;max-width:34ch}.footer-mor{margin:0;color:#7d8592;font-size:.82rem;max-width:40ch}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-col-title{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7d8592;margin-bottom:3px}.footer-link{color:#c8cdd6;font-size:.92rem}.footer-link:hover{color:#fff}.footer-legal{display:flex;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:26px;border-top:1px solid #2b3545;font-size:.82rem;color:#7d8592;flex-wrap:wrap}@media (max-width: 860px){.detail-hero{grid-template-columns:1fr;gap:26px}.detail-hero-media{order:-1}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-aside{position:static}}@media (max-width: 720px){.nav-toggle{display:flex}.site-nav{position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px 16px;box-shadow:var(--shadow-md);display:none}.site-nav.is-open{display:flex}.nav-link{padding:11px 12px}.lang-toggle{margin:8px 0 0;align-self:flex-start}.hero{padding:52px 0 40px}.section{padding:44px 0}.footer-inner{flex-direction:column;gap:26px}}