:root{--bg:#f5f6f8;--paper:#ffffff;--ink:#20242a;--muted:#687384;--line:#e4e8ef;--orange:#f47b20;--orange-soft:#fff0df;--amber:#f5b640;--blue:#2f6fed;--green:#18a058;--red:#d64545;--shadow:0 18px 50px rgba(31,35,41,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:72px;justify-content:space-between;gap:18px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.topbar{display:flex;align-items:center}.brand{min-width:220px;border:0;background:transparent;gap:12px;color:var(--ink);text-align:left}.logo{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--orange),var(--amber));box-shadow:0 10px 22px rgba(244,123,32,.26)}.brand small,.brand strong{display:block}.brand strong{font-size:17px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav{display:flex}.nav,.nav a,.nav button{align-items:center;gap:8px}.nav a,.nav button{height:38px;border:0;border-radius:8px;padding:0 14px;display:inline-flex;background:transparent;color:#3d4651;text-decoration:none}.nav .active,.nav a:hover,.nav button:hover{background:var(--orange-soft);color:#a94d0d}.top-actions{min-width:40px;display:flex;justify-content:flex-end;gap:10px}.ghost-btn,.primary-btn{height:40px;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:700}.primary-btn{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 10px 22px rgba(244,123,32,.22)}.primary-btn:disabled{opacity:.58}.ghost-btn{color:#a94d0d;background:#fff8f0;border-color:#ffd4aa}.full{width:100%}.home-layout{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:20px 14px}.sidebar p{margin:0 10px 12px;color:#8a94a3;font-size:12px;font-weight:800}.sidebar button{width:100%;height:44px;border:0;border-radius:8px;padding:0 10px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#3d4651;text-align:left}.sidebar span{display:inline-flex;align-items:center;gap:10px}.sidebar i{width:18px;color:#98a1ad}.sidebar small{color:#99a2ad}.sidebar button.active{background:var(--orange-soft);color:#a94d0d;font-weight:800}.sidebar button.active i{color:var(--orange)}.content,.hero{padding:26px}.hero{min-height:188px;display:flex;justify-content:space-between;gap:20px;border:1px solid #ffd9b4;border-radius:8px;background:linear-gradient(120deg,rgba(255,255,255,.95),rgba(255,248,240,.94)),repeating-linear-gradient(90deg,rgba(244,123,32,.09) 0 1px,transparent 1px 34px);box-shadow:var(--shadow)}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;height:26px;padding:0 9px;border-radius:999px;background:var(--orange-soft);color:#a94d0d;font-size:12px;font-weight:800}.auth-card h1,.hero h1,.section-head h1{margin:12px 0 8px;font-size:34px;line-height:1.18}.auth-card p,.hero p,.section-head p{margin:0;max-width:620px;color:var(--muted);line-height:1.7}.mobile-cats{display:none}.toolbar{margin:20px 0 16px}.search{max-width:680px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#8b95a1}.search input{width:100%;border:0;outline:0;color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.tool-section{margin-top:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{margin:0;font-size:20px}.section-title span{color:#8a94a3;font-size:13px;font-weight:800}.tool-card{min-height:184px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(31,35,41,.045)}.tool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#303846;font-size:18px}.tool-icon.orange{background:var(--orange)}.tool-icon.blue{background:var(--blue)}.tool-icon.green{background:var(--green)}.tool-icon.amber{background:var(--amber)}.tool-card span{display:inline-flex;margin-top:14px;color:#8a94a3;font-size:12px;font-weight:800}.tool-card h2{margin:7px 0 6px;font-size:18px}.tool-card p{min-height:42px;margin:0 0 14px;color:#697381;font-size:14px;line-height:1.55}.open-link{border:0;background:transparent;padding:0;color:#a94d0d;text-decoration:none;font-weight:800}.site-footer{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;justify-content:center;gap:34px;box-shadow:0 8px 22px rgba(31,35,41,.045)}.qr-card{width:180px;text-align:center}.qr-card img{width:150px;height:150px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#fff}.qr-card strong{display:block;margin-top:10px;color:#333b45;font-size:15px}.auth-page,.profile-page{padding:28px}.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;background:linear-gradient(135deg,#f5f6f8,#fff3e6)}.auth-card,.profile-main,.profile-side{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.auth-card{width:min(520px,100%);padding:28px}label{display:block;color:#515b68;font-size:14px;font-weight:800}input,select{width:100%;height:44px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);outline:0}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.14)}.input-row{display:flex;align-items:center;gap:10px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.input-row input{margin:0;border:0;padding:0;box-shadow:none}.message{margin:14px 0 0;padding:11px 12px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-all}.message.success{background:#f0fff6;color:var(--green);border:1px solid #bfe8cf}.message.error{background:#fff1f1;color:var(--red);border:1px solid #ffd0d0}.message.idle,.message.loading{background:#fff8f0;color:#9b5a18;border:1px solid #ffd4aa}.profile-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:22px;gap:22px;align-items:start}.profile-main,.profile-side{padding:24px}.upload-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:22px}.file-drop{grid-column:1/-1;min-height:188px;border:1.5px dashed #f0ad69;border-radius:8px;background:#fff8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9b5a18;text-align:center}.file-drop i{color:var(--orange);font-size:34px}.file-drop span{color:#8a6a4d;font-size:13px}.file-drop input{display:none}.uploaded-list{display:grid;grid-gap:10px;gap:10px}.uploaded-list a{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.uploaded-list a>i:first-child{color:var(--orange)}.uploaded-list span{flex:1 1}.uploaded-list small,.uploaded-list strong{display:block}.empty,.uploaded-list small{color:var(--muted)}@media (max-width:1080px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 14px}.brand,.top-actions{min-width:0}.brand{flex:1 1}.nav{order:3;width:100%;overflow-x:auto}.ghost-btn,.nav a,.nav button,.primary-btn{height:38px;padding:0 11px;font-size:13px;white-space:nowrap}.top-actions{gap:8px}.ghost-btn{display:none}.home-layout{display:block;padding:0}.sidebar{display:none}.auth-page,.content,.profile-page{padding:14px}.hero{min-height:auto;display:block;padding:18px;border-radius:12px}.auth-card h1,.hero h1,.section-head h1{font-size:26px}.hero .primary-btn{margin-top:16px;width:100%}.mobile-cats{display:flex;gap:8px;margin:14px 0;overflow-x:auto;padding-bottom:2px}.mobile-cats button{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#fff;white-space:nowrap}.mobile-cats .active{border-color:#ffc994;background:var(--orange-soft);color:#a94d0d;font-weight:800}.toolbar{margin:12px 0}.search{max-width:none}.profile-page,.site-footer,.tool-grid,.upload-form{grid-template-columns:1fr}.site-footer{display:grid;grid-gap:18px;gap:18px;justify-items:center;padding:18px}.tool-card{min-height:0}.auth-card,.profile-main,.profile-side{padding:18px}}