*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e17;--bg2:#111827;--bg3:#1a2236;--cyan:#00f0ff;--cyan2:#00b8c5;--magenta:#ff2d78;--yellow:#ffd600;--green:#0f8;--red:#f35;--orange:#f80;--text:#e0e6f0;--text2:#89a;--text3:#567;--border:#1e2d45}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,Microsoft YaHei,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 20%,#00f0ff0f 0%,#0000 50%),radial-gradient(at 80% 20%,#ff2d780a 0%,#0000 50%),radial-gradient(at 50% 80%,#00ff8808 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}#app{z-index:1;position:relative}.wrapper{max-width:960px;margin:0 auto;padding:20px 16px 60px}.hero{text-align:center;padding:40px 0 30px}.hero h1{letter-spacing:4px;background:linear-gradient(135deg, var(--cyan), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2em;font-weight:900}.hero h1:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--magenta));border-radius:2px;width:120px;height:3px;margin:14px auto 0;display:block}.hero-sub{color:var(--text2);margin-top:16px;font-size:.95em}.hero-sub span{color:var(--cyan);font-weight:600}.hero-principle{color:var(--magenta);background:#ff2d781a;border:1px solid #ff2d784d;border-radius:6px;margin-top:20px;padding:8px 24px;font-size:.9em;font-weight:700;display:inline-block}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:30px 0 40px;display:grid}.nav-card{cursor:pointer;background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.nav-card:before{content:"";background:var(--accent,var(--cyan));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.nav-card:hover:before,.nav-card:focus:before{opacity:1}.nav-card:hover,.nav-card:focus{border-color:var(--accent,var(--cyan));transform:translateY(-2px);box-shadow:0 0 20px #00f0ff1a}.nav-icon{margin-bottom:6px;font-size:1.6em}.nav-label{color:var(--text);text-align:center;font-size:.82em;font-weight:600}.device-tip{background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:12px 14px}.device-tip-title{color:var(--cyan);margin-bottom:8px;font-size:.9em;font-weight:700}.device-list{gap:6px;display:grid}.device-item{color:var(--text2);font-size:.84em;line-height:1.6}.device-item strong{color:var(--text)}.section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;transition:border-color .3s;animation:.4s both fadeIn;overflow:hidden}.section:hover{border-color:#00f0ff40}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 22px;transition:background .2s;display:flex}.section-header:hover{background:#00f0ff08}.section-num{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95em;font-weight:900;display:flex}.section-title{flex:1;font-size:1.05em;font-weight:700}.section-toggle{background:var(--bg3);width:28px;height:28px;color:var(--text2);border-radius:6px;justify-content:center;align-items:center;font-size:1.1em;transition:transform .3s,background .2s;display:flex}.section.collapsed .section-toggle{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.section-body{padding:20px 22px 24px}.s-headset .section-num{color:var(--cyan);background:#00f0ff26}.s-headset .section-header{border-left:3px solid var(--cyan)}.s-power .section-num{color:var(--yellow);background:#ffd60026}.s-power .section-header{border-left:3px solid var(--yellow)}.s-display .section-num{color:var(--green);background:#00ff8826}.s-display .section-header{border-left:3px solid var(--green)}.s-bsod .section-num{color:#0096ff;background:#0096ff26}.s-bsod .section-header{border-left:3px solid #0096ff}.s-usb .section-num{color:var(--orange);background:#ff880026}.s-usb .section-header{border-left:3px solid var(--orange)}.s-keyboard .section-num{color:#b464ff;background:#b464ff26}.s-keyboard .section-header{border-left:3px solid #b464ff}.s-mouse .section-num{color:var(--magenta);background:#ff2d7826}.s-mouse .section-header{border-left:3px solid var(--magenta)}.s-game .section-num{color:var(--green);background:#00ff8826}.s-game .section-header{border-left:3px solid var(--green)}.s-valorant .section-num{color:var(--magenta);background:#ff2d7826}.s-valorant .section-header{border-left:3px solid var(--magenta)}.s-repair .section-num{color:var(--red);background:#ff335526}.s-repair .section-header{border-left:3px solid var(--red)}.steps{flex-direction:column;gap:14px;margin-top:14px;display:flex}.step{background:var(--bg3);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .2s;display:flex}.step:hover{border-color:#00f0ff26}.step-num{background:linear-gradient(135deg, var(--cyan2), var(--cyan));width:30px;height:30px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82em;font-weight:800;display:flex}.step-content{flex:1;font-size:.9em;line-height:1.7}.step-content strong{color:var(--cyan)}.step-content code{color:var(--cyan);background:#00f0ff14;border-radius:3px;padding:1px 6px;font-family:Consolas,Courier New,monospace;font-size:.85em}.tip{border-radius:8px;margin-top:14px;padding:12px 16px;font-size:.88em;line-height:1.6}.tip-warn{color:var(--yellow);background:#ffd60014;border:1px solid #ffd60033}.tip-danger{color:var(--red);background:#ff335514;border:1px solid #f353}.tip-success{color:var(--green);background:#00ff8814;border:1px solid #0f83}.tip-info{color:var(--cyan);background:#00f0ff14;border:1px solid #00f0ff33}.tip strong{color:inherit}.flow{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;margin:16px 0;padding:16px 20px;display:flex}.flow-step{padding:10px 0 10px 28px;font-size:.88em;line-height:1.6;position:relative}.flow-step:before{content:"";background:linear-gradient(var(--cyan), var(--cyan2));width:2px;position:absolute;top:0;bottom:0;left:8px}.flow-step:last-child:before{display:none}.flow-step:after{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 8px var(--cyan);border-radius:50%;position:absolute;top:14px;left:4px}.flow-step strong{color:var(--cyan)}.data-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.88em}.data-table th{text-align:left;color:var(--text2);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:.82em;font-weight:700}.data-table td{border-bottom:1px solid #1e2d4580;padding:9px 12px}.data-table tr:hover td{background:#00f0ff08}.data-table .tag{border-radius:4px;padding:2px 8px;font-size:.78em;font-weight:600;display:inline-block}.tag-ok{color:var(--green);background:#00ff8826}.tag-bad{color:var(--red);background:#ff335526}.tag-warn{color:var(--yellow);background:#ffd60026}.img-wrap{border:1px solid var(--border);border-radius:10px;margin:14px 0;position:relative;overflow:hidden}.img-wrap img{width:100%;display:block}.img-wrap .img-caption{background:var(--bg3);color:var(--text2);text-align:center;padding:8px 14px;font-size:.8em}.phone-cards{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.phone-card{background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;min-width:180px;padding:16px}.phone-card .phone-name{color:var(--cyan);font-size:1em;font-weight:700}.phone-card .phone-num{color:var(--text);letter-spacing:1px;margin-top:6px;font-size:1.3em;font-weight:800}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.privilege-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.privilege-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px;transition:border-color .2s,transform .2s;display:flex}.privilege-card:hover{border-color:#00f0ff40;transform:translateY(-2px)}.privilege-icon{background:#00f0ff14;border:1px solid #00f0ff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4em;display:flex}.privilege-content{min-width:0}.privilege-name{color:var(--text);font-size:.92em;font-weight:700;line-height:1.4}.privilege-badge{color:var(--yellow);background:#ffd6001f;border:1px solid #ffd60040;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:.8em;font-weight:700;display:inline-block}.quick-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.85em;display:flex}.quick-item .qk-action{color:var(--text2)}.quick-item .qk-key{color:var(--cyan);white-space:nowrap;font-weight:700}.footer{text-align:center;color:var(--text3);border-top:1px solid var(--border);margin-top:30px;padding:30px 0 10px;font-size:.8em}.back-top{z-index:99;background:var(--bg2);border:1px solid var(--cyan);width:44px;height:44px;color:var(--cyan);cursor:pointer;opacity:0;border-radius:10px;justify-content:center;align-items:center;font-size:1.2em;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 0 15px #00f0ff33}.back-top.show{opacity:1;transform:translateY(0)}.back-top:hover{background:var(--cyan);color:var(--bg)}.search-box{margin-bottom:8px;position:relative}.search-box input{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:14px 18px 14px 48px;font-size:.95em;transition:border-color .2s}.search-box input:focus{border-color:var(--cyan);box-shadow:0 0 15px #00f0ff1a}.search-box input::placeholder{color:var(--text3)}.search-box .search-icon{color:var(--text3);font-size:1.1em;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-box .search-clear{color:var(--text3);cursor:pointer;font-size:1.1em;display:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-box .search-clear.show{display:block}.search-status{min-height:20px;color:var(--text2);margin-bottom:18px;font-size:.82em}@media (width<=640px){.hero h1{letter-spacing:2px;font-size:1.5em}.nav-grid{grid-template-columns:repeat(4,1fr);gap:6px}.nav-card{padding:10px 4px}.nav-icon{font-size:1.3em}.nav-label{font-size:.72em}.section-body{padding:14px 16px 18px}.step{padding:10px 12px}.phone-cards{flex-direction:column}.device-tip{padding:10px 12px}.device-item{font-size:.8em}.privilege-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section.search-hide{display:none}