@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#13203a;--muted:#78849a;--blue:#2256cf;--pale:#edf3ff;--line:#e7ecf4;--shadow:0 18px 50px rgba(32,63,122,.1)}.view.is-hidden{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2f8;color:var(--ink);font-family:'Noto Sans SC',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.app-shell{width:min(100%,1180px);min-height:100vh;margin:auto;background:#f9fbff;padding:0 42px 116px;position:relative;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.brand-mark{display:flex;align-items:center;gap:11px;color:#1b2d55}.brand-mark b{display:block;font-size:20px;letter-spacing:1px}.brand-mark small{display:block;color:#8793a8;font-size:10px;letter-spacing:2px;margin-top:2px}.brand-orb{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#1d51c8,#57a9ff);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:700;box-shadow:0 8px 18px #b3c9f6}.topbar-actions{display:flex;gap:9px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:50%;width:34px;height:34px;color:#71809c;font-size:15px}.hero{border-radius:27px;min-height:300px;position:relative;overflow:hidden;padding:48px 58px;background:linear-gradient(120deg,#113a90 0%,#2464c4 54%,#75b8e7 100%);color:#fff;box-shadow:var(--shadow)}.hero:after{content:'';position:absolute;right:-80px;bottom:-150px;width:520px;height:380px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 72px rgba(255,255,255,.04)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#8d9ab2;font-weight:700}.hero .eyebrow{color:#b9d7ff}.hero h1{font-size:35px;line-height:1.25;letter-spacing:1px;margin:15px 0 12px;font-weight:500}.hero h1 strong{font-weight:700}.hero p{font-size:14px;color:#d9e8ff;margin:0 0 27px}.primary-button{border:0;background:var(--blue);color:white;border-radius:10px;padding:12px 19px;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 8px 17px rgba(26,70,179,.2)}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.hero .primary-button{background:#fff;color:#2256cf}.hero-orbit{position:absolute;right:110px;top:70px;width:190px;height:150px;z-index:1}.orbit-line{display:block;width:185px;height:90px;border:2px solid rgba(255,255,255,.4);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(25deg)}.orbit-dot{position:absolute;right:28px;top:14px;width:37px;height:37px;background:#f6fbff;border-radius:50%;box-shadow:0 0 0 9px rgba(255,255,255,.12)}.orbit-card{position:absolute;right:18px;bottom:15px;width:72px;height:72px;border-radius:22px;border:1px solid rgba(255,255,255,.65);display:grid;place-content:center;text-align:center;font-size:22px;font-weight:700;line-height:1}.orbit-card span{font-size:10px;letter-spacing:1px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 55px}.quick-card{text-align:left;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;cursor:pointer;transition:.2s;box-shadow:0 6px 22px rgba(31,55,96,.03)}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-weight:700;margin-bottom:13px}.quick-icon.blue{color:#2256cf;background:#eaf0ff}.quick-icon.orange{color:#d88236;background:#fff0df}.quick-icon.purple{color:#7d61ca;background:#f0ebff}.quick-card b{display:block;font-size:14px;margin-bottom:4px}.quick-card small{font-size:11px;color:var(--muted)}.content-section{scroll-margin-top:20px;margin-bottom:55px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.section-heading h2{font-size:25px;margin:6px 0 0;letter-spacing:.5px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer;padding:5px 0}.text-button span{font-size:18px;vertical-align:-1px;margin-left:3px}.filter-row{display:flex;gap:9px;margin-bottom:18px;overflow:auto}.filter{border:1px solid var(--line);border-radius:20px;background:#fff;color:#7b879b;padding:8px 16px;white-space:nowrap;cursor:pointer;font-size:12px}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--line);transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-visual{height:195px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-visual:before{content:'';position:absolute;width:135px;height:135px;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(1px)}.product-visual span{position:relative;font-size:30px;font-weight:700;letter-spacing:4px;color:rgba(255,255,255,.9);transform:rotate(-13deg)}.visual-one{background:linear-gradient(140deg,#bccdfd,#6d8fe7)}.visual-two{background:linear-gradient(140deg,#caeaff,#71b6d9)}.visual-three{background:linear-gradient(140deg,#ead6c2,#cb8860)}.product-info{display:flex;justify-content:space-between;gap:9px;padding:16px}.product-info h3{font-size:14px;margin:0 0 7px}.product-info p{font-size:11px;color:var(--muted);margin:0}.product-info>strong{font-size:10px;color:var(--blue);white-space:nowrap;background:var(--pale);border-radius:10px;padding:5px 7px;height:max-content}.warranty-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 8px 30px rgba(31,55,96,.04)}.warranty-intro{display:flex;gap:13px;align-items:center;margin-bottom:24px}.shield{width:40px;height:40px;display:grid;place-items:center;background:#e9f6ee;color:#2b9c63;border-radius:14px;font-weight:700;font-size:20px}.warranty-intro h3{font-size:15px;margin:0 0 4px}.warranty-intro p{font-size:12px;color:var(--muted);margin:0}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;border:1px solid #dce3ef;border-radius:10px;padding:12px 13px;font-size:13px;outline:0;color:var(--ink);background:#fbfcff}.input-row input:focus{border-color:#6f94e8;box-shadow:0 0 0 3px #edf3ff}.input-row .primary-button{padding-inline:18px;white-space:nowrap}.warranty-panel form>small{display:block;color:#a0a9ba;font-size:10px;margin-top:8px}.warranty-result{margin-top:22px;border-top:1px solid var(--line);padding-top:19px}.result-top{display:flex;justify-content:space-between;color:#7b879b;font-size:11px;margin-bottom:17px}.verified{color:#2c9b63;font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.result-grid small{display:block;color:#9ca6b7;font-size:10px;margin-bottom:5px}.result-grid b{font-size:12px;font-weight:600}.status-pill{font-size:10px;color:#2c9b63;background:#e9f6ee;padding:7px 10px;border-radius:12px}.member-card{background:linear-gradient(135deg,#18284e,#2a509a);border-radius:20px;color:#fff;padding:26px;box-shadow:0 16px 36px rgba(30,65,140,.2)}.member-top{display:flex;align-items:center;gap:13px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#dfeaff,#8bb5ff);color:#2154bd;font-size:21px;font-weight:700}.member-level{font-size:10px;color:#f4cc8f}.member-top h3{margin:5px 0 2px;font-size:17px}.member-top p{margin:0;color:#b9c9e7;font-size:10px}.member-points{margin-left:auto;font-size:25px;font-weight:700}.member-points small{display:block;text-align:right;color:#b9c9e7;font-size:10px;font-weight:400}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);margin:24px 0 17px;border-radius:12px;overflow:hidden}.member-stats div{background:rgba(255,255,255,.05);padding:14px;text-align:center}.member-stats b{display:block;font-size:20px}.member-stats span{display:block;color:#b9c9e7;font-size:10px;margin-top:4px}.member-notice{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.1)}.member-notice span{color:#ffd36c}.member-notice p{font-size:11px;flex:1;margin:0}.member-notice .text-button{color:#cfe0ff;font-size:10px}.bottom-nav{position:fixed;z-index:10;bottom:20px;left:50%;transform:translateX(-50%);width:min(calc(100% - 84px),650px);height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);border:1px solid #e6ebf4;border-radius:20px;box-shadow:0 14px 40px rgba(35,59,101,.16);backdrop-filter:blur(15px)}.nav-item{border:0;background:transparent;color:#9ba6b7;font-size:11px;cursor:pointer}.nav-item span{display:block;font-size:20px;line-height:25px;margin-bottom:3px}.nav-item.active{color:var(--blue);font-weight:600}.toast{position:fixed;z-index:20;left:50%;bottom:105px;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#172746;color:#fff;border-radius:10px;padding:10px 16px;font-size:12px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:720px){.app-shell{padding:0 16px 110px}.topbar{height:70px}.brand-mark b{font-size:18px}.hero{min-height:330px;padding:32px 25px}.hero h1{font-size:28px}.hero-orbit{right:18px;top:120px;opacity:.7;transform:scale(.78)}.quick-grid{gap:9px;margin:16px 0 42px}.quick-card{padding:13px 10px}.quick-card b{font-size:12px}.quick-card small{font-size:9px}.product-grid{grid-template-columns:1fr 1fr;gap:11px}.product-card:last-child{display:none}.product-visual{height:142px}.product-visual span{font-size:21px}.product-info{display:block;padding:12px}.product-info h3{font-size:12px}.product-info p{font-size:10px;margin-bottom:8px}.result-grid{grid-template-columns:repeat(2,1fr);gap:17px}.warranty-panel{padding:18px}.input-row{display:block}.input-row .primary-button{width:100%;margin-top:9px}.bottom-nav{width:calc(100% - 32px);bottom:12px}.content-section{margin-bottom:44px}}

.auth-card{max-width:560px;margin:0 auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.1);padding:4px;border-radius:12px;margin-bottom:22px}.auth-tab{border:0;background:transparent;color:#b9c9e7;border-radius:9px;padding:10px;cursor:pointer}.auth-tab.active{background:#fff;color:#2256cf;font-weight:700}.auth-fields{display:grid;gap:14px}.auth-fields label,.modal label{font-size:11px;color:#c6d4ed;font-weight:500}.auth-fields input,.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:inherit;border-radius:10px;padding:12px;outline:0}.auth-fields input::placeholder{color:#aebddb}.auth-submit{width:100%;margin-top:18px;background:#fff;color:#2256cf}.auth-tip{text-align:center;color:#b9c9e7;font-size:10px;margin:12px 0 0}.member-detail{margin-top:17px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.member-detail-head{display:flex;align-items:center;justify-content:space-between}.member-detail-head h3{font-size:14px;margin:0}.member-warranty-list{display:grid;gap:10px;margin-top:14px}.member-warranty-item{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:12px}.member-warranty-item b{font-size:11px}.member-warranty-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.empty-state{grid-column:1/-1;padding:35px;text-align:center;color:var(--muted);font-size:12px;background:#fff;border:1px dashed var(--line);border-radius:14px}.product-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.modal{width:min(92vw,460px);border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(18,36,76,.25);color:var(--ink)}.modal::backdrop{background:rgba(12,24,48,.5);backdrop-filter:blur(3px)}.modal form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.modal-head h3{margin:6px 0 0}.modal-close{border:0;background:#f0f3f8;width:31px;height:31px;border-radius:50%;font-size:19px;color:#738096;cursor:pointer}.modal label{display:block;color:#58667c;margin-top:13px}.modal input,.modal select,.modal textarea{border-color:#dce3ef;background:#fbfcff;color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.secondary-button{border:1px solid var(--line);background:#fff;color:#68758a;border-radius:10px;padding:11px 17px;cursor:pointer}.status-text{font-size:10px;padding:5px 8px;border-radius:12px;background:#e9f6ee;color:#2c9b63}.status-text.pending{background:#fff0df;color:#d88438}.status-text.invalid{background:#f1f2f5;color:#8993a4}@media(max-width:720px){.member-warranty-item{grid-template-columns:1fr 1fr}.member-detail{padding:16px}}