:root{font-family:Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f5f1e8;background:#14100d;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-deep: #120f0b;--bg-panel: rgba(39, 30, 24, .82);--bg-panel-strong: rgba(52, 38, 31, .94);--line-soft: rgba(255, 228, 190, .12);--text-main: #fff8ef;--text-soft: #d5c8b8;--accent: #f2a65a;--accent-strong: #ff7b54;--success: #9fe870;--danger: #ff9b85;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(242,166,90,.28),transparent 28%),radial-gradient(circle at 80% 20%,rgba(255,123,84,.18),transparent 24%),linear-gradient(145deg,#17120e,#110d0b 48%,#1e1712)}body.links-mode{background:radial-gradient(circle at 10% 8%,rgba(242,166,90,.24),transparent 24%),radial-gradient(circle at 88% 16%,rgba(158,232,112,.14),transparent 20%),linear-gradient(180deg,#17120e,#100c09)}button,input{font:inherit}#app{min-height:100vh}.page-shell{position:relative;min-height:100vh;overflow:hidden}.page-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,245,230,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,245,230,.03) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.24fr .76fr;gap:32px;width:min(1220px,calc(100% - 40px));margin:0 auto;min-height:100vh;padding:40px 0;align-content:center;align-items:center}.hero-copy,.redeem-panel{border:1px solid var(--line-soft);border-radius:28px;background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy{padding:50px}.eyebrow,.panel-tag,.result-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#2a1a10;background:linear-gradient(90deg,#f7d08a,#f2a65a)}.hero-copy h1{margin:18px 0 16px;font-size:clamp(2.5rem,6vw,4.6rem);line-height:.96;letter-spacing:-.05em}.lead{max-width:620px;margin:0;font-size:1.08rem;color:var(--text-soft)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.info-card{min-height:140px;padding:20px;border-radius:20px;border:1px solid rgba(255,228,190,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.info-card strong{display:inline-block;margin-bottom:12px;font-size:1.02rem}.info-card p{margin:0;color:var(--text-soft)}.redeem-panel{padding:32px;background:var(--bg-panel-strong)}.panel-header h2{margin:14px 0 24px;font-size:2rem}.input-label{display:block;margin-bottom:10px;color:var(--text-soft)}.redeem-input{width:100%;padding:16px 18px;border:1px solid rgba(255,228,190,.18);border-radius:18px;background:#110d0be0;color:var(--text-main);outline:none;transition:border-color .16s ease,transform .16s ease}.redeem-input:focus{border-color:#f2a65ab3;transform:translateY(-1px)}.primary-button{width:100%;margin-top:18px;padding:15px 18px;border:none;border-radius:18px;color:#2a1a10;background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 18px 36px #f2a65a33}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.feedback{margin-top:16px;padding:14px 16px;border-radius:16px}.error-feedback{color:var(--danger);background:#ff74581a;border:1px solid rgba(255,116,88,.2)}.result-card{margin-top:24px;padding:22px;border-radius:22px;border:1px solid rgba(159,232,112,.18);background:#0e150d94}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.result-head h3{margin:14px 0 0;font-size:1.5rem}.result-counter{color:var(--success);font-size:.95rem}.result-description{margin:18px 0 14px;color:var(--text-soft)}.content-block{padding:18px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.05);color:#fff9f0;white-space:pre-wrap;word-break:break-word}.meta-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;color:var(--text-soft);font-size:.92rem}.links-page-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:100vh;height:100vh;padding:16px 0;overflow:hidden}.links-page-shell:before,.links-page-shell:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(90px)}.links-page-shell:before{top:120px;left:-80px;width:220px;height:220px;background:#f2a65a2e}.links-page-shell:after{right:-40px;bottom:120px;width:260px;height:260px;background:#9fe87017}.links-topbar,.links-sidebar,.links-hero,.links-category-section,.links-empty-state{position:relative;z-index:1;border:1px solid var(--line-soft);background:#18120ec2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.links-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;width:min(1380px,calc(100% - 24px));margin:0 auto;padding:14px 18px;border-radius:22px}.links-topbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main)}.links-topbar-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#f7d08a,#f2a65a,#ff7b54);color:#2a1a10;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 28px #f2a65a38}.links-topbar-brand strong{display:block;font-size:.98rem}.links-topbar-brand p{margin:2px 0 0;color:var(--text-soft);font-size:.84rem;line-height:1.35}.links-topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:var(--text-soft);font-size:.9rem}.links-home-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;color:var(--text-main);text-decoration:none;border:1px solid rgba(255,228,190,.12);background:#ffffff0a;transition:transform .16s ease,border-color .16s ease,background .16s ease}.links-home-link:hover{transform:translateY(-1px);border-color:#f2a65a57;background:#ffffff0f}.links-layout{position:relative;z-index:1;display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;width:min(1380px,calc(100% - 24px));margin:0 auto;align-items:stretch;height:100%;min-height:0}.links-sidebar{position:relative;padding:16px;border-radius:24px;height:100%;min-height:0;overflow:auto}.links-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.links-sidebar-head h2{margin:6px 0 0;font-size:1.18rem}.links-sidebar-head strong{color:#f7d08a}.links-sidebar-tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#ffffff0f;color:var(--text-soft);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.links-sidebar-nav{display:grid;gap:8px}.links-sidebar-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 13px;border:1px solid transparent;border-radius:16px;background:#ffffff0a;color:var(--text-main);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.links-sidebar-item:hover{transform:translateY(-1px);border-color:#f2a65a3d}.links-sidebar-item.active{background:linear-gradient(135deg,#f7d08a,#f2a65a);border-color:transparent;color:#2a1a10;box-shadow:0 16px 32px #f2a65a29}.links-sidebar-item-name{font-weight:600;font-size:.95rem}.links-sidebar-item-count{padding:3px 8px;border-radius:999px;background:#00000029;font-size:.76rem}.links-main{display:grid;gap:16px;min-width:0;min-height:0;height:100%;overflow-y:auto;padding-right:6px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(242,166,90,.3) transparent}.links-sidebar,.links-main{scrollbar-width:thin;scrollbar-color:rgba(242,166,90,.3) transparent}.links-sidebar::-webkit-scrollbar,.links-main::-webkit-scrollbar{width:10px;height:10px}.links-sidebar::-webkit-scrollbar-track,.links-main::-webkit-scrollbar-track{background:transparent}.links-sidebar::-webkit-scrollbar-thumb,.links-main::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#f2a65a33;background-clip:padding-box}.links-sidebar:hover::-webkit-scrollbar-thumb,.links-main:hover::-webkit-scrollbar-thumb{background:#f2a65a5c;background-clip:padding-box}.links-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:28px;border-radius:30px}.links-hero-copy{display:grid;gap:14px}.links-hero-tag{display:inline-flex;align-items:center;width:fit-content;padding:7px 14px;border-radius:999px;background:#ffffff12;color:#f7d08a;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.links-hero-copy h1{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:.94;letter-spacing:-.05em}.links-hero-copy p{margin:0;max-width:720px;color:var(--text-soft);font-size:1.02rem}.links-hero-stats{display:grid;gap:14px}.links-hero-stats article{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:120px;padding:20px;border-radius:22px;border:1px solid rgba(255,228,190,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.links-hero-stats strong{font-size:2rem;line-height:1}.links-hero-stats span{color:var(--text-soft)}.links-feedback{padding:14px 16px;border-radius:18px}.links-feedback.error{border:1px solid rgba(255,116,88,.24);background:#ff74581a;color:var(--danger)}.links-empty-state{padding:34px 26px;border-radius:28px;text-align:center;color:var(--text-soft)}.links-category-section{padding:18px;border-radius:24px}.links-category-section.is-active{box-shadow:0 28px 72px #f2a65a1f}.links-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.links-section-title{display:flex;align-items:center;gap:10px;min-width:0}.links-section-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#f7d08a,#f2a65a);color:#2a1a10;font-weight:800;flex-shrink:0;font-size:.92rem}.links-section-title h2{margin:0 0 2px;font-size:1.16rem}.links-section-title p{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.35}.links-section-count{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff0d;color:var(--text-soft);white-space:nowrap;font-size:.84rem}.links-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.links-card{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon body" "actions actions";gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(255,228,190,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.links-card:hover{transform:translateY(-3px);border-color:#f2a65a4d;box-shadow:0 18px 34px #0000002e}.links-card-icon{grid-area:icon;width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#ffffff14;color:#f7d08a;font-size:.95rem;font-weight:800}.links-card-icon img{width:100%;height:100%;object-fit:cover}.links-card-body{grid-area:body;min-width:0;display:grid;gap:8px}.links-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.links-card-head h3{margin:0;font-size:1rem;line-height:1.3}.links-card-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f2a65a29;color:#ffd3ab;font-size:.72rem;font-weight:700;white-space:nowrap}.links-card-description{margin:0;min-height:0;color:var(--text-soft);font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.links-card-host{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border-radius:10px;background:#0003;color:#f6d4aa;font-size:.8rem;word-break:break-all}.links-card-actions{grid-area:actions;display:flex;gap:8px}.links-copy-btn,.links-open-btn{flex:1;padding:10px 12px;border:none;border-radius:14px;cursor:pointer;font-weight:700;font-size:.92rem;transition:transform .16s ease,opacity .16s ease,background .16s ease}.links-copy-btn{border:1px solid rgba(255,228,190,.1);background:#ffffff0d;color:var(--text-main)}.links-open-btn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#2a1a10;box-shadow:0 14px 28px #f2a65a2e}.links-copy-btn:hover,.links-open-btn:hover{transform:translateY(-1px)}@media (max-width: 920px){.links-page-shell{display:block;height:auto;min-height:100vh;padding-bottom:24px;overflow:visible}.hero-layout{grid-template-columns:1fr;padding-top:28px}.hero-copy,.redeem-panel{padding:28px}.info-grid{grid-template-columns:1fr}.links-layout{grid-template-columns:1fr;height:auto}.links-sidebar{position:static;height:auto;min-height:auto;max-height:none;overflow:visible}.links-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.links-main{height:auto;min-height:auto;overflow:visible;padding-right:0}.links-hero{grid-template-columns:1fr}}@media (max-width: 560px){.hero-layout{width:min(100% - 24px,100%);gap:18px;padding-bottom:24px}.hero-copy,.redeem-panel{border-radius:22px;padding:22px}.result-head{flex-direction:column}.links-page-shell{padding-top:14px}.links-topbar,.links-layout{width:min(100% - 24px,100%)}.links-topbar{padding:18px;border-radius:22px;flex-direction:column;align-items:flex-start}.links-topbar-meta{justify-content:flex-start}.links-sidebar,.links-hero,.links-category-section,.links-empty-state{border-radius:22px}.links-sidebar-nav{grid-template-columns:1fr}.links-section-head{flex-direction:column;align-items:flex-start}.links-card{grid-template-columns:1fr;grid-template-areas:"icon" "body" "actions"}.links-card-actions{flex-direction:column}}