:root{--paper:#f0f3f6;--paper-2:#e5ebf0;--ink:#0c1222;--muted:#5c6b7a;--line:#dbe2e9;--card:#fff;--accent:#3a5670;--accent-dark:#24384c;--accent-soft:#3a56701f;--navy:#1a2433;--good:#3a5670;--chip:#e9eef3;--shadow:0 14px 36px #0c122212;--shadow-sm:0 4px 14px #0c12220b;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Noto Serif SC", "Songti SC", serif;--radius:14px}*{box-sizing:border-box}html,body{background:var(--paper);max-width:100%;min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow-x:hidden}body{background-color:var(--paper);padding-bottom:env(safe-area-inset-bottom);background-image:radial-gradient(920px 380px at 12% -8%,#3a56701c,#0000 58%),radial-gradient(780px 320px at 88% 0,#24384c0f,#0000 55%),linear-gradient(#ffffff8c,#0000 220px),radial-gradient(#0c122207 .65px,#0000 .65px);background-size:auto,auto,auto,5px 5px}a{color:inherit}button,input,select,textarea{-webkit-tap-highlight-color:transparent;font-family:inherit}button,.chip,.scene-item,.primary,.ghost{touch-action:manipulation}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#ffffffc7;border-bottom:1px solid #dbe2e9d9;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px;padding:12px 32px;display:grid;position:sticky;top:0;box-shadow:inset 0 1px #ffffffa6}.brand{flex-direction:column;align-items:flex-start;gap:6px;min-width:156px;text-decoration:none;display:flex}.brand-lockup{align-items:center;gap:11px;display:inline-flex}.brand-word{font-family:var(--serif);letter-spacing:.18em;font-size:30px;font-weight:700;line-height:1}.brand-ai{background:var(--ink);color:#fff;letter-spacing:.06em;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 10px 22px #0c122238}.brand-sub{color:var(--muted);letter-spacing:.08em;padding-left:2px;font-size:11px}.search-box{max-width:640px;position:relative}.search-box input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:12px;outline:none;padding:0 18px 0 44px;font-size:15px;transition:border-color .16s,box-shadow .16s}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-sm)}.search-box:before{content:"搜";color:var(--muted);font-size:12px;font-weight:650;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.header-links{color:var(--muted);gap:18px;font-size:13px;display:flex}.header-links a{text-decoration:none}.header-links a:hover{color:var(--ink)}.header-links a.router-link-active{color:var(--accent-dark);font-weight:600}.page{width:min(1360px,100% - 64px);margin:0 auto;padding:36px 0 72px}.content-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px;width:min(1360px,100% - 64px);margin:0 auto;padding:40px 0 80px;display:grid}.content-shell .page,.home-main{width:auto;margin:0;padding:0}.home-layout{grid-template-columns:232px 1fr;align-items:start;gap:36px;display:grid}.scene-nav{-webkit-backdrop-filter:none;max-height:calc(100vh - 120px);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:14px 8px 10px;display:flex;position:sticky;top:96px;overflow:hidden}.scene-list{scrollbar-width:thin;scrollbar-color:#c9d2db transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:0 2px 4px 0;display:flex;overflow:auto}.scene-list::-webkit-scrollbar{width:3px}.scene-list::-webkit-scrollbar-thumb{background:#c9d2db;border-radius:999px}.scene-nav h2,.panel-title{letter-spacing:.14em;color:var(--muted);text-transform:none;margin:0 0 10px 12px;font-size:11px;font-weight:650}.scene-item{color:#516070;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:38px;padding:8px 10px 8px 14px;font-size:14px;font-weight:500;line-height:1.35;transition:color .14s,background .14s;display:flex;position:relative}.scene-item:before{content:"";background:0 0;border-radius:2px;width:2px;transition:background .14s,top .14s,bottom .14s;position:absolute;top:10px;bottom:10px;left:0}.scene-item:hover{color:var(--ink);background:0 0}.scene-item.active{color:var(--ink);box-shadow:none;background:0 0;font-weight:700}.scene-item.active:before{background:var(--accent);width:3px;top:8px;bottom:8px}.scene-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.scene-count{color:#8a97a5;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border-radius:0;flex:none;min-width:0;padding:0;font-size:12px;font-weight:500;line-height:1.4}.scene-item.active .scene-count{color:var(--muted);background:0 0;font-weight:600}.author-link{border-top:1px solid var(--line);color:var(--muted);flex:none;margin:10px 8px 0 14px;padding:12px 0 4px;font-size:13px;font-weight:500;text-decoration:none;transition:color .14s;display:block}.author-link:hover{color:var(--ink)}.author-link.active{color:var(--accent-dark);font-weight:600}.about h1{font-family:var(--serif);letter-spacing:.01em;margin:0 0 10px;font-size:36px;font-weight:700;line-height:1.22}.about-header{margin-bottom:8px}.about-lead{max-width:42em;color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:550;line-height:1.5}.about-meta{max-width:42em;color:var(--muted);letter-spacing:.04em;margin:0 0 18px;font-size:13px;font-weight:500;line-height:1.5}.about-promo{max-width:720px;margin:0 0 22px}.about-promo-title{color:var(--ink);font-family:var(--serif);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.35}.about-promo-list{flex-direction:column;gap:10px;display:flex}.about-promo-item{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--card);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px 24px;width:100%;min-height:44px;padding:14px 16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.about-promo-item:hover{background:var(--card);box-shadow:var(--shadow-sm);border-color:#c5d0db;transform:translateY(-1px)}.about-promo-item-main{flex-direction:column;gap:4px;min-width:0;display:flex}.about-promo-item-main strong{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:700;line-height:1.3}.about-promo-item-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.45;overflow:hidden}.about-promo-item-cta{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:8px;flex:none;height:34px;padding:0 14px;font-size:13px;font-weight:600;line-height:34px}.about-text{color:#334155;overflow-wrap:break-word;word-break:normal;max-width:42em;margin:0 0 14px;font-size:15px;line-height:1.8}.about-tags{flex-wrap:wrap;gap:6px;max-width:42em;margin:0 0 16px;display:flex}.about-tag{background:var(--paper-2);color:var(--muted);border:0;border-radius:6px;padding:3px 8px;font-size:12px;line-height:1.4}.about-emphasis{border-left:3px solid var(--accent);background:linear-gradient(135deg, #3a567014, transparent 42%), var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);color:var(--ink);border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.75}.about-section{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.about-section h2{letter-spacing:.14em;color:var(--muted);margin:0 0 14px;font-size:11px;font-weight:650}.about-stack-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;display:grid}.about-stack-chip{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:4px;padding:12px 14px;transition:border-color .14s,box-shadow .14s;display:grid}.about-stack-chip:hover{box-shadow:var(--shadow-sm);border-color:#c5d0db}.about-stack-chip-label{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:650}.about-stack-chip-value{color:var(--ink);font-size:14px;font-weight:600;line-height:1.5}.about-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin:0 0 16px;display:grid}.about-channel{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px 16px}.about-channel-blocks{flex-direction:column;gap:24px;max-width:720px;display:flex}.about-channel-block{margin:0}.about-channel-block .about-frame{margin-top:12px}.about-channel-platform{color:var(--muted);letter-spacing:.06em;margin:0 0 6px;font-size:12px}.about-channel-name{margin:0 0 6px;font-size:17px;font-weight:650;line-height:1.3}.about-channel-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.about-more-shots{max-width:720px;margin-top:16px}.about-more-shots summary{cursor:pointer;color:var(--accent-dark);font-size:13px;font-weight:600;line-height:1.4;list-style:none}.about-more-shots summary::-webkit-details-marker{display:none}.about-more-shots summary:before{content:"▸ "}.about-more-shots[open] summary:before{content:"▾ "}.about-more-shots-grid{grid-template-columns:minmax(0,1.2fr) minmax(140px,.55fr);align-items:start;gap:14px;margin-top:12px;display:grid}.about-more-shots-grid .about-frame-phone{max-width:180px}.about-honors{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);max-width:42em;margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.about-honors li{border-bottom:1px solid var(--line);padding:11px 14px;font-size:14px;line-height:1.5}.about-honors li:last-child{border-bottom:0}.about-note{max-width:42em;color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin:18px 0 0;font-size:14px;line-height:1.75}.about-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.about-zoom img{background:var(--paper-2);border-radius:8px;width:100%;display:block}.about-zoom-tip{color:#fff;background:#111827b8;border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.4;position:absolute;bottom:10px;right:10px}.about-lightbox{z-index:80;background:#111827d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.about-lightbox img{background:#fff;border-radius:8px;max-width:min(960px,100%);max-height:calc(100vh - 80px)}.about-lightbox-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:8px;height:36px;padding:0 12px;position:absolute;top:16px;right:16px}.about-shot{max-width:720px;margin:18px 0 0}.about-shot img{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);width:100%;box-shadow:none;display:block}.about-shot figcaption,.about-frame figcaption{color:var(--muted);letter-spacing:.04em;text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.about-shot-cert{max-width:560px}.about-shot-wide{max-width:720px}.about-header .about-frame,.about-section>.about-frame{margin-top:18px}.about-showcase{gap:22px;max-width:720px;margin-top:20px;display:grid}.about-showcase-label{letter-spacing:.14em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:650}.about-showcase-stack{gap:14px;display:grid}.about-frame{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;margin:0;padding:12px 12px 14px}.about-frame img{background:var(--paper-2);border:0;border-radius:8px;width:100%;display:block}.about-showcase-phones{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 16px 16px;display:grid}.about-frame-phone{box-shadow:none;background:0 0;border:0;padding:0}.about-frame-phone img{border:1px solid var(--line);box-shadow:none;border-radius:12px}.about-frame-phone figcaption{margin-top:10px}.about figure{margin:0}.hero-copy{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;margin-bottom:14px;padding-bottom:14px;display:flex}.hero-copy h1{font-family:var(--serif);letter-spacing:.01em;margin:0 0 6px;font-size:36px;font-weight:700;line-height:1.22}.hero-count{background:var(--chip);color:var(--muted);font-family:var(--sans);letter-spacing:0;vertical-align:middle;border-radius:6px;margin-left:10px;padding:2px 7px;font-size:12px;font-weight:550;line-height:1.4;display:inline-block}.hero-count:after{content:" 个"}.hero-copy p{max-width:32em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.promo-list{flex-direction:column;gap:10px;margin:0 0 22px;display:flex}.promo-strip{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--card);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px 24px;margin:0;padding:14px 16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.promo-strip:hover{box-shadow:var(--shadow-sm);border-color:#c5d0db;transform:translateY(-1px)}.promo-strip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.promo-strip-copy{min-width:0}.promo-strip-copy p{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.promo-strip-copy strong{font-family:var(--serif);font-weight:700}.promo-strip-actions{flex:none;align-items:center;gap:8px;display:flex}.scene-more{display:none}.promo-more:hover{color:var(--ink)}.chip{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #dbe2e9d9;border-radius:7px;padding:0 10px;font-size:12px;font-weight:500;transition:background .14s,border-color .14s,color .14s}.chip:hover{color:var(--ink);background:#ffffffb3;border-color:#c5d0db}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.tool-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:0;box-shadow:none;cursor:pointer;flex-direction:column;padding:18px 18px 16px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;animation:.32s both rise-in;display:flex}.tool-grid .tool-card:first-child{animation-delay:10ms}.tool-grid .tool-card:nth-child(2){animation-delay:30ms}.tool-grid .tool-card:nth-child(3){animation-delay:50ms}.tool-grid .tool-card:nth-child(4){animation-delay:70ms}.tool-grid .tool-card:nth-child(5){animation-delay:90ms}.tool-grid .tool-card:nth-child(6){animation-delay:.11s}.tool-grid .tool-card:nth-child(7){animation-delay:.13s}.tool-grid .tool-card:nth-child(8){animation-delay:.15s}.tool-grid .tool-card:nth-child(9){animation-delay:.17s}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tool-card,.promo-strip{animation:none}.tool-card:hover,.promo-strip:hover{transform:none}}.tool-card.is-recommended{border-left:3px solid var(--accent);background:linear-gradient(135deg, #3a567014, transparent 42%), var(--card)}.tool-card.is-recommended .card-name{color:var(--accent-dark)}.tool-card.is-recommended .badge.rec{background:#3a567029}.tool-card:hover{box-shadow:var(--shadow-sm);border-color:#c5d0db;transform:translateY(-1px)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-top{align-items:flex-start;gap:12px;display:flex}.logo-mark{color:#fff;width:40px;height:40px;font-family:var(--sans);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:650;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.card-name{font-family:var(--serif);margin:0;font-size:18px;font-weight:700;line-height:1.28}.card-vendor{color:var(--muted);letter-spacing:.01em;margin:3px 0 0;font-size:12px}.badge{background:var(--chip);color:var(--navy);border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:500}.badge.rec{background:var(--accent-soft);color:var(--accent-dark);font-weight:650}.badge.soft{border:1px solid var(--line);color:var(--muted);background:0 0;font-weight:500}.card-summary{color:#5c6b7a;font-size:13px;line-height:1.55;font-family:var(--sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 0;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{background:var(--paper-2);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:12px}.card-actions{justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.ghost,.primary{cursor:pointer;border-radius:8px;align-items:center;height:34px;padding:0 12px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.ghost{color:var(--muted);background:0 0;border:1px solid #0000}.ghost:hover{color:var(--ink)}.detail-link{color:var(--muted);border:0;padding:0 4px;font-size:13px;font-weight:500}.detail-link:hover{color:var(--accent-dark);background:0 0;border-color:#0000}.tool-card .detail-link{opacity:.72}.tool-card .detail-link:hover{opacity:1}.promo-strip .detail-link{border:1px solid var(--line);height:34px;color:var(--accent-dark);opacity:1;padding:0 12px}.promo-strip .detail-link:hover{border-color:var(--accent);background:var(--accent-soft)}.primary{background:var(--ink);color:#fff;letter-spacing:.02em;border:0;font-weight:600}.primary:hover{background:#000}.empty,.loading{color:var(--muted);text-align:center;padding:48px 16px}.detail{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.detail-main,.detail-side,.admin-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px}.crumb{color:var(--muted);margin-bottom:18px;font-size:13px}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--ink)}.crumb-tail:before{content:" · "}.detail-title{flex:1;min-width:0}.detail-summary{color:#5c6b7a;max-width:42em;margin:18px 0 0;font-size:15px;line-height:1.7}.detail-more{margin-top:8px;display:block}.detail-more summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:13px;list-style:none;display:none}.detail-more summary::-webkit-details-marker{display:none}.detail-mobile-alts,.detail-mobile-note,.detail-cta-bar{display:none}.detail-head{align-items:flex-start;gap:16px;display:flex}.detail-head .logo-mark{border-radius:12px;width:52px;height:52px;font-size:18px}.detail-head h1{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.detail-head .card-vendor{margin-top:6px;font-size:13px}.detail-head .tag-row{margin-top:10px}.detail-cta-desktop{flex:none;height:40px;padding:0 18px;font-weight:600}.kv{border-top:1px solid var(--line);gap:18px;margin-top:24px;padding-top:8px;display:grid}.kv-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kv h3{letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:650}.kv p{color:var(--ink);margin:0;font-size:14px;line-height:1.7}.side-block .panel-title{margin:0 0 10px}.side-block p{color:#5c6b7a;margin:0;font-size:13px;line-height:1.65}.side-block+.side-block{margin-top:20px}.mini-tool{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;text-decoration:none;transition:opacity .14s;display:flex}.mini-tool:hover{opacity:.82}.mini-tool .logo-mark{border-radius:9px;width:32px;height:32px;font-size:13px}.mini-tool strong{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.3}.mini-tool .card-vendor{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:2px 0 0;display:-webkit-box;overflow:hidden}.site-footer{border-top:1px solid var(--line);width:min(1360px,100% - 48px);color:var(--muted);margin:0 auto 32px;padding-top:18px;font-size:12px;line-height:1.7}.site-footer p{margin:0 0 8px}.beian-row{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.beian{color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.beian img{width:16px;height:16px}.beian:hover{color:var(--ink)}.admin-shell{background:var(--paper);grid-template-columns:200px 1fr;min-height:100vh;display:grid}.admin-side{border-right:1px solid var(--line);background:var(--paper-2);padding:24px 16px}.admin-side a{border-radius:8px;padding:10px 12px;text-decoration:none;display:block}.admin-side a.router-link-active{background:var(--card)}.admin-main{padding:28px}.admin-login{place-items:center;min-height:100vh;display:grid}@media (width<=1180px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){:root{--page-pad-x:16px}.site-header{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px;padding-left:max(var(--page-pad-x), env(safe-area-inset-left));padding-right:max(var(--page-pad-x), env(safe-area-inset-right));grid-template-columns:1fr;align-items:stretch;gap:10px}.brand{min-width:0}.brand-word{letter-spacing:.14em;font-size:24px}.brand-ai{border-radius:9px;width:30px;height:30px;font-size:11px}.brand-sub,.header-links{display:none}.search-box{width:100%;min-width:0;max-width:none}.page{width:auto;padding:14px max(var(--page-pad-x), env(safe-area-inset-right)) 40px max(var(--page-pad-x), env(safe-area-inset-left));margin:0}.content-shell{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;margin:0;padding:0 0 40px;display:flex}.home-layout,.detail{grid-template-columns:1fr;gap:14px}.home-main{width:auto;min-width:0;margin:0;overflow:visible}.content-shell .page,.content-shell .home-main,.home-main{padding:8px max(var(--page-pad-x), env(safe-area-inset-right)) 32px max(var(--page-pad-x), env(safe-area-inset-left))}.about{min-width:0;padding:4px 0 16px;overflow:visible}.about h1{margin-bottom:8px;font-size:28px}.about-lead{font-size:15px;line-height:1.45}.about-meta{margin-bottom:14px;font-size:12px}.about-promo-title{font-size:17px}.about-promo-item{border-radius:12px;padding:12px 14px}.about-promo-item-main span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.about-text{max-width:none;font-size:15px;line-height:1.8}.about-emphasis{padding:12px 14px;font-size:14px;line-height:1.75}.about-section{margin-top:24px;padding-top:20px}.about-stack-chips,.about-channels,.about-more-shots-grid{grid-template-columns:1fr}.about-more-shots-grid .about-frame-phone{max-width:200px}.about-note{max-width:none;font-size:13px;line-height:1.7}.about-lightbox{padding:16px}.about-lightbox-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.about-showcase{gap:18px;max-width:none;margin-top:16px}.about-showcase-stack{gap:12px}.about-frame{border-radius:14px;padding:8px 8px 10px}.about-showcase-phones{border-radius:16px;gap:12px;padding:14px 12px 10px}.about-frame-phone img{border-radius:14px}.about-shot-cert,.about-shot-wide{max-width:none}.scene-nav{z-index:18;width:100%;min-width:0;max-width:100%;max-height:none;padding:8px max(var(--page-pad-x), env(safe-area-inset-right)) 8px max(var(--page-pad-x), env(safe-area-inset-left));box-shadow:none;-webkit-backdrop-filter:blur(10px);border:0;border-bottom:1px solid var(--line);background:#fffffff5;border-radius:0;margin:0;display:block;position:static;top:auto;overflow:visible}.scene-nav h2{display:none}.scene-list{scrollbar-width:auto;flex-flow:wrap;flex:none;align-items:center;gap:8px;width:100%;min-width:0;max-height:none;padding:0;display:flex;overflow:visible}.scene-list::-webkit-scrollbar{display:revert;width:auto}.scene-item{border:1px solid var(--line);background:var(--card);white-space:nowrap;width:auto;min-height:32px;color:var(--ink);border-radius:8px;flex:none;justify-content:center;padding:5px 10px;font-size:12px;font-weight:500}.scene-item:before{display:none}.scene-item:hover{background:var(--card)}.scene-count{display:none}.scene-item.active{box-shadow:none;border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);font-weight:600}.author-link{border:1px solid var(--line);border-top:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink);white-space:nowrap;border-radius:8px;flex:none;margin:0;padding:5px 10px;font-size:12px;line-height:20px}.author-link.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.scene-more{min-height:32px;color:var(--accent-dark);cursor:pointer;white-space:nowrap;background:0 0;border:1px dashed #3a567059;border-radius:8px;flex:none;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.scene-more:hover{background:var(--accent-soft)}.hero-copy{flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:14px}.hero-copy h1{margin-bottom:4px;font-size:26px}.hero-count{margin-left:6px;padding:2px 7px;font-size:11px}.hero-copy p{font-size:12px;line-height:1.55}.filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;overflow:visible}.promo-list{gap:8px;margin-bottom:14px}.promo-strip{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:0;padding:12px 14px}.promo-strip-copy p{font-size:13px;line-height:1.5}.promo-strip-actions{width:100%}.promo-strip-actions .ghost,.promo-strip-actions .primary{flex:1;justify-content:center;min-height:36px}.chip{flex:none;height:30px;min-height:30px;padding:0 10px;font-size:12px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{border-radius:14px;min-height:0;padding:12px}.tool-card .card-summary{margin:6px 0 0;font-size:13px;line-height:1.5}.tool-card .tag-row{display:none}.tool-card .card-actions{justify-content:flex-end;gap:10px;margin-top:10px;padding-top:0}.tool-card .ghost{min-height:36px;padding:0 10px}.tool-card .primary{flex:none;justify-content:center;width:auto;min-width:0;height:36px;min-height:36px;padding:0 14px}.logo-mark{border-radius:10px;width:36px;height:36px;font-size:15px}.card-name{font-size:16px}.detail-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.detail{width:auto;padding:14px max(var(--page-pad-x), env(safe-area-inset-right)) 20px max(var(--page-pad-x), env(safe-area-inset-left));margin:0}.detail-main{border-radius:14px;padding:14px}.detail-side,.detail-cta-desktop{display:none}.detail-more{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.detail-more summary{display:block}.detail-mobile-alts{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:block}.detail-mobile-note{display:block}.crumb{margin-bottom:10px}.detail-head{grid-template-columns:44px 1fr;align-items:start;gap:8px 10px;display:grid}.detail-head .logo-mark{width:44px;height:44px;font-size:17px}.detail-head h1{font-size:24px}.detail-summary{margin-top:10px;font-size:14px;line-height:1.55}.kv{gap:12px;margin-top:14px;padding-top:10px}.kv-pair{grid-template-columns:1fr}.kv p{font-size:13px;line-height:1.55}.detail-cta-bar{z-index:30;padding:10px max(var(--page-pad-x), env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(var(--page-pad-x), env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#fffffff5;display:block;position:fixed;bottom:0;left:0;right:0}.detail-cta-bar .primary{justify-content:center;width:100%;height:46px;min-height:46px;font-size:16px}.site-footer{width:auto;margin:0 max(var(--page-pad-x), env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(var(--page-pad-x), env(safe-area-inset-left));text-align:center}.beian-row{gap:10px 16px}}@media (width>=961px){.detail-page>.scene-nav{display:none}}@media (width<=640px){.search-box{max-width:none}}