:root{color:#07111f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#07111f;--muted:#6c7d91;--surface:#ffffffd6;--line:#08193014;--shadow:0 12px 28px #35709f1f;background:#20242a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#20242a;min-height:100%}body{background:#20242a;min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default;opacity:.55}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}img{max-width:100%;display:block}.app-frame{background:#dff3ff;width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.page-shell{background:radial-gradient(circle at 86% 4%,#fffffffa 0,#fff0 24%),radial-gradient(circle at 6% 94%,#52abff4d 0,#52abff00 33%),linear-gradient(160deg,#b9e2ff 0%,#e8f7ff 44%,#edf9ff 100%);min-height:100dvh;position:relative;overflow-x:hidden}.page-content,.scroll-content{width:100%;padding:16px 24px calc(104px + env(safe-area-inset-bottom))}.page-content.with-header{padding-top:10px}.page-content.with-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.glass-card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border:1px solid #fffffff0}.app-header{z-index:12;min-height:106px;padding:calc(48px + env(safe-area-inset-top)) 18px 10px;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:relative}.app-header h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:760;line-height:1.2;overflow:hidden}.icon-button{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffffbf;border:1px solid #ffffffe6;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 7px 16px #35709f1a}.icon-button svg{width:22px;height:22px}.header-progress{text-align:right;font-size:18px;font-weight:680}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:16px;font-weight:720;line-height:1;display:flex}.primary-button{color:#fff;background:linear-gradient(#0e213c 0%,#051326 100%);box-shadow:0 10px 20px #05132630}.secondary-button{border:1px solid var(--line);background:#ffffffd9;box-shadow:0 7px 16px #35709f1a}.text-button{background:0 0;justify-content:center;align-items:center;min-height:42px;padding:0;font-size:14px;font-weight:650;text-decoration:underline;display:flex}.fixed-footer{z-index:30;width:min(100%,430px);padding:22px 24px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#e9f7ff00 0%,#e9f7ffe6 38%,#e9f7ff 100%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.fixed-footer .primary-button,.fixed-footer .secondary-button{width:100%}.supporting{color:#5e6f82;margin:0 0 18px;font-size:14px;line-height:1.65}.center{text-align:center}.muted{color:var(--muted)}.section-title{margin:28px 0 14px;font-size:19px;font-weight:760;line-height:1.25}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-content{padding-top:calc(42px + env(safe-area-inset-top))}.brand-title{letter-spacing:-2px;margin:0;font-size:38px;font-weight:820;line-height:1.15}.value-copy{flex-direction:column;gap:5px;margin:13px 0 18px;display:flex}.value-copy strong{font-size:16px}.value-copy span{color:#617286;font-size:13px;line-height:1.5}.search-box{border-radius:18px;grid-template-columns:1fr 54px;height:56px;display:grid;overflow:hidden}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0 17px;font-size:14px}.search-box input::placeholder{color:#8090a2}.search-box button{background:#ffffff61;border-left:1px solid #0819300f;place-items:center;padding:0;display:grid}.search-box button svg{width:21px;height:21px}.add-button{gap:6px;width:100%;margin-top:18px}.add-button span{font-size:23px;font-weight:400}.add-hint{color:#77879a;text-align:center;margin:10px 0 0;font-size:12px;line-height:1.5}.category-row{scrollbar-width:none;gap:8px;margin:0 0 14px;padding:1px 0 4px;display:flex;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-row button{color:#596a7e;background:#ffffffc2;border:1px solid #ffffffeb;border-radius:999px;flex:0 0 58px;height:34px;padding:0 8px;font-size:12px;box-shadow:0 4px 9px #35709f14}.category-row button.active{color:#fff;background:#0a1b32;box-shadow:0 6px 12px #0513262e}.device-list{width:100%}.device-card{width:100%;min-height:104px;color:var(--ink);text-align:left;background:#ffffffdb;border:1px solid #fffffff0;border-radius:20px;align-items:center;gap:14px;margin:0 0 12px;padding:11px 14px;display:flex;overflow:hidden;box-shadow:0 8px 18px #35709f1c}.device-card.compact{min-height:96px}.device-image-wrap{background:linear-gradient(145deg,#eaf5ff,#d8ebff);border-radius:16px;flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.device-card.compact .device-image-wrap{border-radius:50%;flex-basis:70px;width:70px;height:70px}.device-image-wrap img{object-fit:contain;width:100%;height:100%}.device-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.device-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.device-copy small{color:#748397;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chevron{flex:0 0 20px;place-items:center;display:grid}.chevron svg{stroke-width:2.2px;width:20px;height:20px}.empty-state{text-align:center;border-radius:24px;margin-top:16px;padding:34px 22px}.empty-state strong{font-size:18px;display:block}.empty-state p{color:var(--muted);margin:10px 0 20px;font-size:14px;line-height:1.6}.empty-state .primary-button{width:100%}.local-data-note{color:#68798d;text-align:center;margin:24px 10px 0;font-size:11px;line-height:1.55}.bottom-nav{z-index:28;width:min(100% - 16px,414px);min-height:74px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fffffff0;border-radius:24px 24px 0 0;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -7px 18px #35709f1a}.bottom-nav button{color:#536376;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.bottom-nav button.active{color:var(--ink);font-weight:720}.bottom-nav svg{width:23px;height:23px}.photo-stage{aspect-ratio:1;background:radial-gradient(circle at 82% 18%,#fff 0,#fff0 28%),linear-gradient(155deg,#ffffffe0,#e1efffc7);border-radius:22px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.photo-stage img{object-fit:contain;width:100%;height:100%;padding:10px}.photo-label{text-align:center;white-space:nowrap;background:#ffffffe6;border-radius:999px;max-width:calc(100% - 28px);padding:8px 15px;font-size:13px;font-weight:680;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 7px 14px #35709f1f}.photo-actions{gap:10px;margin-top:16px;display:flex}.photo-actions button{flex:1;min-width:0}.selection-status{color:#738498;text-align:center;margin:14px 0 3px;font-size:12px;line-height:1.5}.add-manual-page{padding-top:8px}.option-list{flex-direction:column;gap:14px;display:flex}.option-card{text-align:left;border-radius:21px;grid-template-columns:1fr 24px;align-items:center;gap:12px;width:100%;min-height:78px;padding:15px 18px;display:grid}.option-card.selected{background:#fffffff5;border:1.5px solid #0a1b32;box-shadow:0 10px 20px #35709f24}.option-card>span{flex-direction:column;gap:5px;min-width:0;display:flex}.option-card strong{font-size:16px}.option-card small{color:#718196;font-size:12px}.radio-dot{background:#ffffffb8;border:1.5px solid #42546a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.radio-dot b{background:#07111f;border-radius:50%;width:10px;height:10px}.cover-summary{border-radius:21px;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:14px;display:grid;overflow:hidden}.cover-image-wrap{background:linear-gradient(145deg,#eaf5ff,#d8ebff);border-radius:15px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.cover-image-wrap img{object-fit:contain;width:100%;height:100%}.cover-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.cover-copy strong{font-size:18px}.cover-copy small{color:#6f8093;font-size:12px;line-height:1.5}.tip-card{color:#51657c;background:#ecf7ffd1;border:1px solid #357ebe1f;border-radius:16px;align-items:flex-start;gap:9px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.tip-card p{margin:0}.info-symbol{width:19px;height:19px;color:var(--ink);border:1px solid;border-radius:50%;flex:0 0 19px;place-items:center;font-size:12px;font-weight:700;display:grid}.form-card{border-radius:21px;margin-top:13px;padding:9px 14px 20px}.form-card label{margin:14px 2px 0;font-size:14px;font-weight:680;display:block}.form-card input,.form-card select,.form-card textarea{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);background:#ffffffbd;border-radius:16px;outline:0;margin-top:7px;padding:0 16px;font-size:14px;font-weight:400}.form-card select{appearance:auto}.form-card textarea{resize:vertical;min-height:98px;padding-top:14px;padding-bottom:14px;line-height:1.55}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#4e769f;box-shadow:0 0 0 3px #4d84b71f}.error-text{color:#c52929;margin:7px 2px 0;font-size:12px}.success-page{padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.success-card{text-align:center;border-radius:24px;flex-direction:column;align-items:stretch;width:100%;max-width:360px;padding:38px 20px 24px;display:flex}.success-mark{border:1px solid var(--line);background:#ffffffc7;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.success-mark svg{stroke-width:2.2px;width:32px;height:32px}.success-card h1{margin:0;font-size:27px;font-weight:820}.success-card>p{color:#64758a;margin:11px 0 28px;font-size:14px}.success-actions{flex-direction:column;gap:12px;display:flex}.success-card .text-button{margin-top:10px}.query-copy{color:#6a7a8d;margin:15px 2px 11px;font-size:12px}.result-heading{margin:0 0 13px;font-size:19px}.detail-page{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.hero-card{background:#ffffff9e;border-radius:23px;place-items:center;height:220px;display:grid;overflow:hidden}.hero-card img{object-fit:contain;width:94%;height:90%}.device-title{letter-spacing:-.5px;margin:18px 3px 13px;font-size:23px;font-weight:820}.manual-button{width:100%}.info-card{border-radius:21px;padding:4px 16px}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:50px;display:flex}.info-row:last-child{border:0}.info-row span{color:#748397;font-size:14px}.info-row strong{overflow-wrap:anywhere;text-align:right;max-width:62%;font-size:14px}.section-heading{justify-content:space-between;align-items:center;min-height:54px;display:flex}.section-heading .section-title{margin:0}.section-heading>span{color:#748397;font-size:12px}.file-list{border-radius:21px;padding:0 14px;overflow:hidden}.file-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:42px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:70px;padding:10px 0;display:grid}.file-row:last-child{border:0}.file-icon{border:1px solid var(--line);background:#ebf6ffeb;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.file-icon svg{width:22px;height:22px}.file-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.file-copy small{color:#7b899a;font-size:11px}.empty-file,.notes-card{color:#697a8e;border-radius:19px;width:100%;padding:22px 17px;font-size:14px;line-height:1.65}.empty-file{text-align:center;place-items:center;min-height:94px;display:grid}.danger-zone{flex-direction:column;align-items:center;gap:10px;margin-top:32px;display:flex}.delete-button{color:#c9342f;background:#ffffffd6;border:1px solid #c9342f6b;border-radius:999px;width:100%;min-height:50px;font-size:15px;font-weight:680}.danger-zone small{color:#8b6670;text-align:center;font-size:11px}.manual-viewer-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.manual-viewer-page .app-header{flex:none}.manual-canvas{min-height:0;box-shadow:var(--shadow);background:#ffffffc7;border-radius:22px;flex:1;place-items:center;margin:0 18px 128px;display:grid;overflow:auto}.manual-canvas img{object-fit:contain;max-width:92%;max-height:92%;transition:transform .18s}.manual-canvas iframe{border:0;width:100%;height:100%;min-height:480px}.manual-controls{z-index:35;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:20px;width:min(100% - 36px,394px);padding:12px;position:fixed;left:50%;transform:translate(-50%)}.page-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.page-controls button{color:#fff;background:#0a1b32;border-radius:999px;min-height:40px;font-size:13px;font-weight:680}.page-controls span{color:#536376;font-size:12px}.zoom-controls{justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.zoom-controls button{background:#ebf6fff0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.zoom-controls svg{width:20px;height:20px}.zoom-controls span{color:#536376;text-align:center;min-width:44px;font-size:12px}.toast{z-index:100;bottom:calc(94px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#07111feb;border-radius:999px;max-width:min(100% - 48px,360px);padding:12px 18px;font-size:13px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.app-loading{color:#536376;background:#dff3ff;place-items:center;min-height:100dvh;font-size:14px;display:grid}@media (width>=520px){body{padding:24px 0}.app-frame{border-radius:34px;min-height:calc(100dvh - 48px);box-shadow:0 26px 70px #00000057}.page-shell{min-height:calc(100dvh - 48px)}.fixed-footer,.bottom-nav{bottom:24px}.manual-viewer-page{height:calc(100dvh - 48px)}.manual-controls{bottom:38px}}@media (width<=360px){.page-content,.scroll-content{padding-left:18px;padding-right:18px}.brand-title{font-size:34px}.device-image-wrap{flex-basis:68px;width:68px;height:68px}.app-header{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}