:root{color-scheme:light;--ink:#252a34;--muted:#7a808b;--line:#e6e8ed;--accent:#d65148;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f5f6f8;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b8524c;outline-offset:4px}[hidden]{display:none!important}.header,main{max-width:900px;margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 0 22px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:#303746;color:white;border-radius:11px;font-size:30px;font-weight:400}.brand-sub{display:block;font-size:11px;color:#9095a0;font-weight:400;margin-top:2px;letter-spacing:.03em}.help-button{border:0;background:none;font-size:12px;color:#787e89;padding:10px 0 10px 12px}.help-button span{display:inline-grid;place-items:center;border:1px solid #969ca6;border-radius:50%;height:16px;width:16px;font-size:11px;margin-right:3px}.category-nav{display:flex;gap:10px;position:sticky;top:0;z-index:3;padding:12px 0;background:#f5f6f8f5;backdrop-filter:blur(10px)}.category-nav a{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:9px 17px;font-size:13px;white-space:nowrap}.category-nav a:hover{border-color:#b9bdc7}.nav-dot{width:6px;height:6px;border-radius:2px}.red{background:#e76a60}.orange{background:#d3a05c}.black{background:#394152}.green{background:#679d88}.section-bar{display:flex;justify-content:flex-end;color:#949aa4;font-size:11px;margin:12px 1px}.section-bar b{font-weight:400} .sections{display:grid;grid-template-columns:1fr;gap:24px}.category{min-width:0;scroll-margin-top:80px}.category-head{display:flex;align-items:center;gap:9px;padding:4px 0 12px;border-bottom:1px solid var(--line)}.category-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:14px;font-weight:600;flex-shrink:0}.shops .category-icon{background:#e8f2ed;color:#53836e}.rankings .category-icon{background:#fff1db;color:#a97c30}.douyin .category-icon{background:#303746;color:white;font-size:17px}.category h3{font-size:15px;font-weight:600;margin:0}.category-count{margin-left:auto;color:#9aa0aa;font-size:11px;white-space:nowrap}.empty{padding:20px 0 8px;color:#a0a5ae;font-size:12px}.empty p{margin:0}.link-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 12px;list-style:none;margin:0;padding:18px 0 0}.link-list li{min-width:0}.link-card{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:114px;padding:4px;border-radius:10px;text-align:center}.link-tile{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border:1px solid var(--line);border-radius:15px;background:white;font-size:25px;font-weight:600;transition:transform .15s,border-color .15s}.shops .link-tile{color:#53836e}.rankings .link-tile{color:#ad823c}.douyin .link-tile{color:#303746}.link-title{display:block;width:100%;font-size:13px;line-height:1.55;font-weight:500;overflow-wrap:anywhere;text-wrap:balance}.link-card:hover .link-tile{transform:translateY(-2px);border-color:#b9bdc7}.link-card:active .link-tile{transform:scale(.96)}
.tip{text-align:center;font-size:11px;color:#9ba1aa;margin:26px 0 34px}.browser-note{padding:14px 16px;border:1px solid #efdcba;border-radius:9px;background:#fff7e9;color:#9b733c;font-size:12px;margin:12px 0 18px;display:grid;gap:4px}.load-error{padding:16px;border-radius:10px;background:#fff4ed;color:#a36b44;font-size:13px}.skip{position:fixed;top:-70px;left:10px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}
dialog{max-width:430px;width:calc(100% - 36px);border:1px solid #e4e8ed;border-radius:17px;padding:28px;color:var(--ink);box-shadow:0 20px 70px #18202b25}dialog::backdrop{background:#17232c66}dialog h2{font-size:22px;margin:15px 0}dialog p{font-size:13px;line-height:1.85;color:#7b8390}.close-button{position:absolute;right:10px;top:9px;border:0;background:none;width:40px;height:40px;color:#8c939e;font-size:25px}.dialog-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf2f0;color:#5c8178;font-size:27px}.guide-steps{padding-left:22px;margin:24px 0 17px}.guide-steps li{padding-left:5px;margin-bottom:17px;font-size:13px;color:#5a7771}.guide-steps strong{font-size:13px;color:#48515f;font-weight:600}.guide-steps p{font-size:12px;margin:5px 0}.dialog-note{font-size:11px!important;color:#9299a4!important;margin-bottom:0}.dialog-actions{display:grid;gap:10px;margin-top:24px}.primary-action,.secondary-action{display:block;text-align:center;padding:13px 15px;border-radius:9px;font-size:13px}.primary-action{background:#344f49;color:white}.secondary-action{background:#f0f2f5;color:#5e6775}.copy-link{background:none;border:0;color:#818995;display:block;margin:12px auto 0;padding:8px 12px;font-size:12px}
@media(max-width:960px){.header,main{margin-inline:28px}}
@media(max-width:680px){.header,main{margin-inline:18px}.header{padding:25px 0 14px}.brand{font-size:19px;gap:10px}.brand-icon{width:36px;height:36px;border-radius:10px;font-size:27px}.brand-sub{font-size:10px}.help-button{font-size:11px}.category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-nav a{font-size:11px;gap:5px;padding:10px 4px;min-height:42px}.nav-dot{width:5px;height:5px}.section-bar{font-size:10px;margin:9px 1px 18px}.sections{gap:26px}.category-head{gap:9px}.link-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px;padding-top:16px}.link-card{min-height:112px;padding:3px 0}.link-title{font-size:12px}.tip{font-size:10px;margin:28px 0 calc(28px + env(safe-area-inset-bottom))}dialog{padding:26px}.browser-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-tile{transition:none}}
.section-bar{justify-content:space-between;align-items:center}.add-button{border:1px solid #d7dfdb;background:#fff;color:#486e60;border-radius:8px;padding:9px 13px;font-size:12px;min-height:40px}.add-button:hover{background:#edf5f0}.editor-form{display:grid;gap:10px}.editor-form label{font-size:13px;color:#525c68}.editor-form input,.editor-form textarea,.editor-form select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dce0e6;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;font-size:16px;line-height:1.5;color:#252a34}.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{outline:2px solid #769f8e;outline-offset:1px}.editor-form textarea{resize:vertical;max-height:180px}.editor-form .primary-action{border:0;min-height:46px;font-size:14px;margin-top:2px}.editor-form button:disabled{opacity:.55;cursor:wait}.identify-button{justify-self:end;background:none;color:#55796a;border:0;padding:1px 2px 7px;font-size:12px}.editor-note,.form-status{margin:0!important;font-size:12px!important;line-height:1.6!important}.form-status{color:#aa5144!important;min-height:0}.form-status:empty{display:none}.editor-note{color:#8a929b!important}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);background:#344f49;color:white;border-radius:10px;padding:12px 18px;font-size:12px;width:max-content;max-width:calc(100% - 36px);box-shadow:0 5px 20px #25342c22}#link-editor{max-height:calc(100dvh - 36px);overflow-y:auto}#link-editor h2{margin-top:3px}
.section-actions{display:flex;align-items:center;gap:9px}.manage-button{border:0;background:none;color:#6a7480;padding:10px 6px;font-size:12px}.manage-group{margin-top:24px}.manage-group h3{font-size:13px;color:#67716e;margin:0 0 8px}.manage-row{padding:13px 0;border-bottom:1px solid #edf0f3;display:flex;gap:8px;align-items:center}.manage-name{font-size:13px;min-width:0;flex:1;overflow-wrap:anywhere}.manage-row-actions{display:flex;gap:4px;flex-shrink:0}.order-button,.delete-button{border:1px solid #e3e7eb;border-radius:6px;background:#fff;padding:8px 6px;min-height:34px;font-size:11px}.order-button:disabled{opacity:.3}.delete-button{color:#aa5c52;border-color:#eddcd8}.danger-action{display:block;width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;background:#a65c50;color:#fff;font-size:14px}.undo-area{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#eef5f0;border-radius:8px;padding:12px;margin-top:18px;font-size:12px;color:#4a6e5c}.undo-area span{overflow-wrap:anywhere}.undo-area button{white-space:nowrap;flex-shrink:0;color:#3c7156;border:0;background:none;font-size:12px;padding:4px}#manage-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}#manage-dialog h2{margin-top:3px}@media(max-width:360px){.manage-row{align-items:flex-start;flex-direction:column}.manage-row-actions{align-self:flex-end}}