:root{--gold:#c9a45c;--gold-light:#e3c98f;--text:#ece7dd;--muted:#8d8778;--line:#c9a45c2e;--line-soft:#ffffff12;--panel:#0c0e12d1;--mono:"SFMono-Regular", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:#05060a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans CJK SC,Microsoft YaHei,sans-serif}#app{min-height:100vh;position:relative;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background:radial-gradient(55% 40% at 50% 0,#c9a45c1a,#0000 68%),radial-gradient(90% 60% at 50% 8%,#5082c80d,#0000 72%);position:fixed;inset:0}.bg-grid:before{content:"";background-image:linear-gradient(#78a0d20b 1px,#0000 1px),linear-gradient(90deg,#78a0d20b 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 82%);mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 82%)}.shell{z-index:1;max-width:1460px;margin:0 auto;padding:0 36px 60px;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 0 0;display:flex}.titles{border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--gold-light), var(--gold), transparent) 1;flex:auto;min-width:0;padding-left:4px}.title-line{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.titles h1{letter-spacing:.08em;background:linear-gradient(100deg,#f6f3ec 0%,#e3c98f 36%,#c9a45c 64%,#7d6633 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:600}.titles p{letter-spacing:.14em;color:var(--muted);margin:8px 0 0;font-size:11.5px}.live{border:1px solid var(--line);color:var(--gold-light);font-family:var(--mono);letter-spacing:.14em;background:#c9a45c17;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:10px;display:inline-flex}.live i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:1.6s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.back{border:1px solid var(--line);background:var(--panel);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 17px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.back svg{width:13px;height:13px}.back:hover{color:var(--gold);border-color:#c9a45c73;transform:translate(3px)}.intro{color:#a9a396;max-width:720px;margin:30px 0 26px;font-size:13.5px;line-height:2}.grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.solution{border:1px solid var(--line-soft);color:inherit;backface-visibility:hidden;background:linear-gradient(160deg,#18181bdb,#0a0b0eeb);border-radius:18px;flex-direction:column;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.solution:hover{border-color:var(--line);transform:translateY(-4px)translateZ(0);box-shadow:0 24px 56px #0000008c}.solution:focus{outline:none}.solution:focus-visible{outline-offset:3px;outline:2px solid #c9a45c99}.solution-media{isolation:isolate;z-index:0;background:#0a0c11;height:190px;position:relative;overflow:hidden}.solution-media-bg{opacity:.94;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .45s,opacity .3s;position:absolute;inset:-2px;transform:translateZ(0)}.solution:hover .solution-media-bg{opacity:1;transform:scale(1.05)translateZ(0)}.solution-media.is-empty{background:radial-gradient(70% 60% at 50% 40%,#c9a45c24,#0000 70%),linear-gradient(150deg,#17161b 0%,#0a0b0e 100%)}.solution-media.is-empty:before{content:"";background-image:linear-gradient(#c9a45c0f 1px,#0000 1px),linear-gradient(90deg,#c9a45c0f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000 85%);mask-image:radial-gradient(70% 70%,#000,#0000 85%)}.solution-empty-mark{font-family:var(--mono,monospace);letter-spacing:.34em;color:#e3c98f8c;text-transform:uppercase;white-space:nowrap;font-size:12px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.solution-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#08090ce6 100%);position:absolute;inset:0 0 -1px}.solution-badge{z-index:4;text-align:center;transform-origin:50%;color:#1a1408;letter-spacing:.16em;pointer-events:none;background:linear-gradient(135deg,#f0dba8,#c9a45c 78%);width:140px;padding:6px 0;font-size:11px;font-weight:700;position:absolute;top:16px;right:-38px;transform:rotate(45deg);box-shadow:0 4px 14px #00000073,inset 0 0 0 1px #fff0c84d}.solution-index{z-index:2;font-family:var(--mono);letter-spacing:.18em;color:var(--gold-light);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c10b8;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:12px;left:14px}.solution-body{z-index:1;background:linear-gradient(160deg,#141417db,#0a0b0eeb);flex-direction:column;flex:auto;margin-top:-1px;padding:18px 20px 20px;display:flex;position:relative}.solution-tag{font-family:var(--mono);letter-spacing:.16em;color:var(--gold);text-transform:uppercase;font-size:10px}.solution-title{letter-spacing:.04em;margin:9px 0 0;font-size:18px;font-weight:600}.solution-desc{color:#a09a8d;flex:auto;margin:11px 0 0;font-size:12.5px;line-height:1.9}.solution-points{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.solution-points span{border:1px solid var(--line-soft);color:#b3ada0;background:#ffffff09;border-radius:999px;padding:5px 11px;font-size:11px}.solution-enter{letter-spacing:.08em;color:var(--gold-light);align-items:center;gap:7px;margin-top:18px;font-size:12.5px;font-weight:600;display:inline-flex}.solution-enter svg{width:13px;height:13px;transition:transform .25s}.solution:hover .solution-enter svg{transform:translate(4px)}.solution.is-coming{cursor:default;background:#ffffff04;border-style:dashed;justify-content:center;align-items:center;min-height:330px}.solution.is-coming:hover{box-shadow:none;border-color:var(--line-soft);transform:none}.coming-inner{text-align:center;padding:30px}.coming-plus{border:1px solid var(--line);width:46px;height:46px;color:var(--gold);border-radius:50%;place-items:center;margin:0 auto;font-size:22px;display:grid}.coming-title{color:var(--gold-light);letter-spacing:.06em;margin:16px 0 0;font-size:15px}.coming-desc{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.8}@media (width<=820px){.shell{padding:0 18px 48px}.grid{grid-template-columns:1fr}}