:root{--bg:#f5f7f6;--card:#fff;--soft:#f7f9f7;--line:#dce5e0;--ink:#22352d;--mut:#63756b;--blue:#27664e;--green:#0c9b6f;--red:#c33e4a;--amber:#9b6b12}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh;padding:28px 16px}
.shell{width:920px;max-width:100%;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.nav a{color:var(--blue);text-decoration:none;font-size:13px;font-weight:700}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 4px 18px rgba(33,60,44,.04)}
h1{font-size:24px;margin:0 0 7px}.lead{color:var(--mut);font-size:13px;line-height:1.7;margin:0 0 20px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}textarea{width:100%;height:128px;resize:vertical;border:1px solid #d6e1d9;border-radius:11px;background:#fbfcfb;color:var(--ink);padding:12px;font:12px/1.55 ui-monospace,Consolas,monospace;outline:none}textarea:focus{border-color:#4d8667;box-shadow:0 0 0 3px rgba(57,116,88,.1)}
.hint{font-size:12px;color:var(--mut);margin:8px 0 16px}.hint a{color:var(--blue)}button{width:100%;border:0;border-radius:11px;padding:12px 16px;background:#306f51;color:white;font-weight:800;font-size:14px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}
.msg{display:none;margin-top:14px;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.6}.msg.show{display:block}.msg.ok{background:#eaf8f3;color:#08745a}.msg.err{background:#fff0f0;color:#a72d2d}.msg.info{background:#eef5ff;color:#285c9f}
.result{display:none;margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card)}.result.show{display:block}.overview-head,.subscription-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-title,.subscription-title{display:flex;align-items:center;gap:10px;min-width:0}.overview-icon,.subscription-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#e2f4ec;color:#08745a;font-weight:900}.overview-title b,.subscription-title b{display:block;font-size:14px}.overview-title small,.subscription-title small{display:block;margin-top:2px;color:var(--mut);font-size:10px;word-break:break-all}.badge{padding:4px 9px;border-radius:6px;font-size:10px;font-weight:800;background:#e5f7ed;color:#08745a;white-space:nowrap}.badge.off{background:#fff4df;color:#98600a}.badge.free{background:#eef1f5;color:#607087}
.overview-grid{display:grid;grid-template-columns:1.45fr .75fr .55fr .75fr;margin-top:12px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.summary-item,.detail-item{min-width:0;padding:10px;border-right:1px solid var(--line)}.summary-item:last-child{border-right:0}.summary-item span,.detail-item span,.time-item span{display:block;color:var(--mut);font-size:10px;margin-bottom:3px}.summary-item b,.detail-item b,.time-item b{display:block;font-size:11px;word-break:break-all}
.subscription-card{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.subscription-head{padding:12px}.subscription-title{min-width:0}.subscription-title b{font-size:16px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 10px}.time-item{position:relative;border:1px solid var(--line);border-radius:9px;background:var(--soft);padding:10px 10px 10px 39px;min-height:58px}.time-icon{position:absolute;left:10px;top:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#e9eff1;color:#527078}.time-item:nth-child(2) .time-icon{background:#e2f4ec;color:#08745a}.time-item:nth-child(3){background:#fffaf0;border-color:#eee1bd}.time-item:nth-child(3) .time-icon{background:#f6e9c8;color:var(--amber)}
.details-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.detail-item{border-bottom:1px solid var(--line)}.detail-item:nth-child(3n){border-right:0}.detail-item.wide{grid-column:span 3;border-right:0}.details-grid .detail-item:nth-last-child(1){border-bottom:0}
.cancel{margin-top:14px;background:#bd3f49}.cancel.off{background:#a9b3c2}.privacy{margin-top:14px;color:var(--mut);font-size:11px;line-height:1.6}.shell .public-toolbar{margin-bottom:18px}
@media(max-width:700px){.card{padding:18px}.overview-grid{grid-template-columns:1fr 1fr}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.time-grid,.details-grid{grid-template-columns:1fr}.detail-item,.detail-item:nth-child(3n){border-right:0}.detail-item.wide{grid-column:span 1}}
html[data-theme="dark"]{--bg:#080b0e;--card:#11151a;--soft:#0d1217;--line:#2a343d;--ink:#f1f4ef;--mut:#a0aab6;--blue:#a8ff68}
html[data-theme="dark"] .card,html[data-theme="dark"] .result{box-shadow:none}html[data-theme="dark"] textarea{background:#0c1014;border-color:#303943;color:var(--ink)}html[data-theme="dark"] textarea:focus{border-color:#9dff5a;box-shadow:0 0 0 3px rgba(157,255,90,.1)}html[data-theme="dark"] #query{background:#9dff5a;color:#0b1109}html[data-theme="dark"] .msg.ok,html[data-theme="dark"] .badge{background:#183525;color:#a0e1b2}html[data-theme="dark"] .msg.err{background:#3d2029;color:#ffb5bd}html[data-theme="dark"] .msg.info{background:#182e45;color:#b3d6ff}html[data-theme="dark"] .badge.off{background:#3c2f17;color:#f6d38c}html[data-theme="dark"] .badge.free{background:#27303b;color:#c1cbd7}html[data-theme="dark"] .overview-icon,html[data-theme="dark"] .subscription-icon{background:#183525;color:#a0e1b2}html[data-theme="dark"] .time-item:nth-child(3){background:#17140e;border-color:#40361d}html[data-theme="dark"] .cancel.off{background:#404b5b;color:#d4dbe5}