:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7eef7;background:#080f1c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#17334270,transparent 48%),#080f1c}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #6bddce;outline-offset:4px}button{touch-action:manipulation}.app-shell{max-width:1510px;margin:auto;padding:0 max(26px,env(safe-area-inset-right)) 0 max(26px,env(safe-area-inset-left))}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.16em;font-weight:850}.brand-mark{font-size:36px;color:#63d4c7;line-height:1}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.14em;color:#8c9db2}.top-status{font-size:10px;color:#8c9db2;letter-spacing:.15em}.top-status i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;background:#63d4c7;box-shadow:0 0 12px #63d4c7}.archive-button,.small-button{min-height:44px;border:1px solid #3a4c62;background:#152235;color:#d4e1ed;border-radius:10px;padding:11px 16px}.archive-button:hover,.small-button:hover{background:#20334b;border-color:#6acfc4}.archive-button span{margin-left:10px;color:#73e2d2}.voyage-hud{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border:1px solid #2a3b51;border-radius:14px;background:#101d2dcc;margin-top:20px;padding:17px 22px;gap:15px}.voyage-hud>div{display:grid;gap:5px}.voyage-hud small{color:#8ea4ba;font-size:9px;letter-spacing:.12em}.voyage-hud strong{font-size:13px;font-weight:650}.voyage-hud>div:first-child strong{color:#73e2d2}.mobile-tabs{display:none}.game-layout{display:grid;grid-template-columns:minmax(240px,285px) minmax(340px,1fr) minmax(210px,250px);gap:28px;align-items:start;padding:30px 0 45px}.character-card,.chronicle{border:1px solid #2a3b51;border-radius:18px;background:linear-gradient(150deg,#142236ee,#0f1a2bee);padding:21px;min-width:0}.card-title{display:flex;align-items:center;gap:10px}.card-title>span{font-size:26px;color:#6bddce}.card-title small,.card-section small,.voyage-note small,.archive-heading small{font-size:9px;letter-spacing:.13em;color:#92a5bd}.card-title h2,.archive h2{font-size:21px;letter-spacing:-.04em;margin:5px 0}.quiet{font-size:12px;line-height:1.7;color:#91a3ba}.empty-character{height:155px;display:grid;place-items:center;border:1px dashed #3c536b;border-radius:12px;font-size:56px;color:#5b8c99;margin:22px 0}.rating{position:relative;border:1px solid #334a61;background:#192b3e;border-radius:12px;padding:15px;margin-top:18px}.rating>span{font-size:9px;letter-spacing:.1em;color:#a2b5c9}.rating strong{display:block;color:#f1bb72;font-size:30px;margin-top:6px}.rating strong small{font-size:12px;color:#8a9eb3;font-weight:400}.rating b{position:absolute;right:15px;top:32px;font-size:30px;color:#f1bb72}.rating p{font-size:11px;color:#a4b8cb;margin:6px 0}.rating-detail{border-top:1px solid #ffffff15;margin-top:12px;padding-top:10px;font-size:10px;color:#9fb3ca}.rating-detail summary{cursor:pointer}.rating-detail p{line-height:1.8}.health{margin-top:20px}.health>div:first-child{display:flex;justify-content:space-between;color:#afc2d5;font-size:11px}.health-track,.rank-track{height:5px;background:#2a3b50;border-radius:5px;overflow:hidden;margin-top:9px}.health-track i,.rank-track i{display:block;height:100%;background:linear-gradient(90deg,#30998e,#70e2b7)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.stats div{display:flex;justify-content:space-between;gap:6px;color:#9cb0c7;font-size:11px}.stats b{color:#e4edf6}.card-section{border-top:1px solid #ffffff12;padding-top:17px;margin-top:19px}.card-section p{font-size:12px;line-height:1.8;color:#bcc9d8;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chips span{font-size:10px;color:#bdcddd;border:1px solid #3c4f67;border-radius:6px;padding:5px 7px}.rank-card{margin-top:20px;background:#0b302e60;border:1px solid #398d8055;border-radius:12px;padding:14px}.rank-card small{color:#95b9ba;font-size:10px;line-height:1.65}.rank-card>small:first-child{font-size:8px;letter-spacing:.12em}.rank-card h3{font-size:15px;color:#79dfcf;margin:8px 0 12px}.rank-card p{font-size:11px;color:#d2e4e8;margin:9px 0 5px}.power-card{display:flex;gap:10px;margin:17px 0 12px;padding:13px;border:1px solid #39475c;border-radius:12px;background:#101b2b}.power-card.has-fruit{background:linear-gradient(135deg,#2b2246,#17253a);border-color:#7d60aa66}.power-icon{font-size:25px;color:#bb9ae9}.power-card small{font-size:9px;color:#b1a5c9;line-height:1.7}.power-card h3{margin:6px 0;font-size:14px;line-height:1.4}.power-card p{margin:5px 0;font-size:11px;line-height:1.65;color:#b3c0d2}.haki-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.haki-grid>div{display:grid;align-content:start;gap:5px;border:1px solid #26384e;border-radius:8px;text-align:center;padding:8px 3px;color:#778ca6}.haki-grid>div.unlocked{color:#76decd;border-color:#477a7770;background:#19363670}.haki-grid strong{font-size:8px;overflow-wrap:anywhere}.haki-grid small{font-size:8px;line-height:1.5}.mastery-note{font-size:9px;line-height:1.6;color:#9aadc3;margin-bottom:0}.wheel-stage{text-align:center;min-width:0}.stage-kicker{font-size:9px;letter-spacing:.18em;font-weight:750;color:#6bddce}.stage-kicker span{padding:0 8px}h1{font-size:clamp(26px,3vw,40px);letter-spacing:-.055em;line-height:1.2;margin:12px 0 9px;font-weight:750}.stage-subtitle{margin:0;font-size:11px;line-height:1.6;color:#8fa6be}.stage-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:510px;margin:20px auto 0}.stage-tools>span{font-size:8px;color:#8ea5bd;letter-spacing:.1em}.stage-tools i{font-style:normal;color:#f3bb75;margin:0 4px}.speed-button{border:1px solid #33495d;border-radius:8px;min-height:36px;background:#152436;color:#b4c8d9;padding:8px 10px;font-size:10px}.speed-button[aria-pressed=true]{color:#75e0d0;border-color:#4f9d92}.wheel-wrap{position:relative;display:block;width:min(94%,475px);aspect-ratio:1 / 1;flex:none;margin:30px auto 23px;border:1px solid #6ed1c177;border-radius:50%;box-shadow:0 0 0 6px #101f30,0 0 0 7px #49667d50,0 0 70px #34b6bc15}.wheel-dots{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dotted #b4dbd47a;border-radius:50%;pointer-events:none}.wheel-crop{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;overflow:hidden}.wheel{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:4px solid #172b3a;border-radius:50%;box-shadow:inset 0 0 40px #0006,0 5px 20px #0008;overflow:hidden;transition:transform 4s cubic-bezier(.12,.72,.14,1);will-change:transform}.wheel-labels{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wheel-labels text{font:600 11px system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:#192535;stroke-width:2.5px;stroke-linejoin:round}.wheel-center{position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2f4d60,#101e30 75%);border:4px solid #83b5b2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ae8dc;box-shadow:0 2px 22px #000a}.wheel-center span{font-size:clamp(24px,3vw,40px);line-height:1}.wheel-center small{font-size:8px;letter-spacing:.12em;margin-top:4px}.pointer{position:absolute;z-index:2;top:-9px;left:calc(50% - 11px);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:29px solid #f3be76;filter:drop-shadow(0 2px 5px #000)}.welcome-wheel{width:min(80%,320px);aspect-ratio:1;border-radius:50%;margin:35px auto;background:repeating-conic-gradient(#bf8144 0,#bf8144 20deg,#326c7b 20deg,#326c7b 40deg,#6a5b98 40deg,#6a5b98 60deg);border:8px solid #20374a;padding:10px;box-shadow:0 0 0 1px #72cabb88,0 0 60px #47adb222}.welcome-wheel>div{height:100%;border:1px dashed #e0eaf188;border-radius:50%;display:grid;place-items:center;font-size:80px;color:#c9f1e9}.message,.result-banner{font-size:13px;line-height:1.65;color:#c3d2e2}.result-banner{min-height:64px;max-width:500px;margin:0 auto 12px}.result-banner>span{font-size:8px;letter-spacing:.15em;color:#77cbbf;font-weight:750}.result-banner p{margin:7px 0 0;overflow-wrap:anywhere}.rare-result>span{color:#e7ba79}.rare-glow{box-shadow:0 0 0 7px #b79c6344,0 0 65px #e6ad4a55}.effect-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.effect-chips span{font-size:10px;color:#9be7d5;border:1px solid #497e7366;border-radius:6px;padding:4px 7px;background:#13332b80}.spin{display:block;width:min(100%,380px);min-height:54px;margin:18px auto 0;border:1px solid #ffcc8e;border-radius:12px;background:linear-gradient(110deg,#edac64,#f6c282);color:#1d2938;font-size:11px;font-weight:850;letter-spacing:.1em;padding:17px 20px;box-shadow:0 8px 30px #e3993b20}.spin:hover:enabled{filter:brightness(1.08)}.spin span,.small-button span{float:right}.wheel-hint{font-size:9px;color:#8da5be;margin:14px 0}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-height:190px;overflow-y:auto;overscroll-behavior:contain;text-align:left;padding:15px 5px;max-width:590px;margin:auto;border-top:1px solid #ffffff12}.legend>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;font-size:10px;color:#bdcde0}.legend>div>span{overflow-wrap:anywhere}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.legend strong{font-size:10px;color:#e5edf7;font-variant-numeric:tabular-nums}.legend small{grid-column:1/-1;color:#87a0b9;font-size:9px;line-height:1.6;margin-left:13px}.decision-card{margin:25px auto;padding:22px;border:1px solid #3d586f;border-radius:15px;background:#142236;max-width:500px;text-align:left;line-height:1.7}.decision-card>p{font-size:14px;color:#d8e5f1}.decision-card small{font-size:9px;letter-spacing:.1em;color:#75cbbf}.choices{display:grid;gap:10px;margin-top:16px}.small-button{width:100%;text-align:left;font-size:12px;line-height:1.6}.finish-button{min-height:44px;border:0;background:none;color:#879fb9;text-decoration:underline;text-underline-offset:4px;padding:17px;font-size:10px}.battle-status{display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;max-width:500px;margin:18px auto 0;border:1px solid #ce96534a;border-radius:10px;background:#42332340;padding:13px}.battle-status>span{grid-column:1/-1;font-size:8px;letter-spacing:.13em;color:#e7b87b}.battle-status strong{font-size:12px}.battle-status small{font-size:10px;color:#bdad98}.journal{max-height:600px;overflow:auto;margin-top:18px}.journal-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff0c}.journal-item i{color:#66cdbf;font-style:normal}.journal-item small{font-size:8px;letter-spacing:.1em;color:#7e9ab5}.journal-item p{margin:5px 0;font-size:12px;line-height:1.5;color:#c8d7e7}.voyage-note{border:1px solid #3a5269;border-radius:12px;padding:15px;margin-top:22px;background:#1c3045}.voyage-note strong{display:block;font-size:17px;margin-top:8px}.voyage-note p{font-size:11px;color:#a9c0d4}.archive{border:1px solid #334b62;border-radius:16px;background:#101e31;padding:24px;margin-bottom:28px}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.archive details{padding:16px 0;border-top:1px solid #ffffff12;font-size:12px;color:#c7d8e8}.archive summary{cursor:pointer;font-weight:650;line-height:1.6}.archive li{padding:4px;overflow-wrap:anywhere}.import-label{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.import-label input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-label:focus-within{outline:2px solid #6bddce;outline-offset:3px}.warning{font-size:12px;color:#ffd0b2;border:1px solid #de9b5866;padding:13px;border-radius:10px;line-height:1.7}.sync-panel{margin:12px auto 0;color:#aabfd2;font-size:11px}.sync-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-heading .archive-button{font-size:10px;min-height:36px;padding:8px 13px}.sync-content,.sync-conflict{margin-top:10px;padding:16px;background:#142237;border:1px solid #405770;border-radius:12px;line-height:1.7}.sync-content form{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.sync-content label{display:grid;gap:5px}.sync-content input{color:#e7eef7;background:#0c1726;border:1px solid #4c6176;border-radius:8px;padding:10px;min-height:44px;max-width:100%;width:100%}.sync-content form p{flex-basis:100%;margin:0;color:#91a9c0}.sync-conflict{border-color:#d0a16b;color:#f0d6b9}footer{text-align:center;border-top:1px solid #ffffff12;padding:23px 0 max(30px,env(safe-area-inset-bottom));font-size:8px;letter-spacing:.13em;color:#6f8aa4}@media(max-width:1150px){.game-layout{grid-template-columns:minmax(240px,285px) minmax(340px,1fr);gap:24px}.chronicle{grid-column:1/-1}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;max-height:250px}}@media(max-width:720px){.app-shell{padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.topbar{height:60px;gap:10px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:30px}.brand small{font-size:6px;letter-spacing:.09em}.top-status{display:none}.archive-button{font-size:11px;padding:10px 12px}.voyage-hud{grid-template-columns:1.8fr 1fr 1fr;gap:8px;padding:11px;margin-top:10px;border-radius:12px}.voyage-hud>div:last-child{display:none}.voyage-hud small{font-size:7px}.voyage-hud strong{font-size:10px;line-height:1.5}.mobile-tabs{display:flex;gap:5px;margin-top:12px;padding:4px;border:1px solid #293e54;background:#0d192a;border-radius:12px;position:sticky;top:8px;z-index:4;box-shadow:0 6px 16px #080f1c88}.mobile-tabs button{flex:1;min-height:40px;border:0;border-radius:8px;color:#8da5bd;background:none;font-size:11px;font-weight:650}.mobile-tabs button[aria-pressed=true]{background:#234044;color:#8ae6d5}.game-layout{display:block;padding:20px 0 30px}.wheel-stage,.character-card,.chronicle{width:100%}.app-shell[data-view=wheel] .character-card,.app-shell[data-view=wheel] .chronicle,.app-shell[data-view=hero] .wheel-stage,.app-shell[data-view=hero] .chronicle,.app-shell[data-view=history] .character-card,.app-shell[data-view=history] .wheel-stage{display:none}h1{font-size:29px;margin-top:9px}.stage-subtitle{font-size:10px}.stage-kicker{font-size:8px}.stage-tools{margin-top:10px}.stage-tools>span{font-size:7px}.speed-button{font-size:9px;min-height:36px}.wheel-wrap{width:min(88%,360px);margin:20px auto 18px}.wheel-labels text{font-size:16px}.wheel-center{border-width:3px}.wheel-center small{font-size:7px}.wheel-center span{font-size:30px}.result-banner{font-size:12px;min-height:58px}.spin{min-height:54px}.legend{max-height:160px;gap:9px 13px}.stats{grid-template-columns:repeat(3,1fr)}.haki-grid strong{font-size:10px}.haki-grid small{font-size:9px}.rank-card h3{font-size:18px}.journal{display:block;max-height:65vh}.archive{padding:17px}.archive h2{font-size:19px}.archive-heading{align-items:start}.battle-status{grid-template-columns:1fr}.battle-status small{line-height:1.5}.sync-content label{width:100%}.stage-tools>span{max-width:52%;line-height:1.6}}@media(prefers-reduced-motion:reduce){.wheel{transition:none!important}.rare-glow{animation:none}}.skip-button{min-height:44px;border:0;background:transparent;color:#b8d8d4;text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:10px}:root{color:#edf1eb;background:#0c100e}body{background:#0c100e}.topbar,.sync-panel{border-color:#333b35}.brand-mark,.stage-kicker,.card-title>span,.journal-item i{color:#b7ef6c}.top-status i{background:#b7ef6c;box-shadow:none}.voyage-hud,.character-card,.chronicle,.archive,.decision-card,.sync-content,.sync-conflict{background:#151b17;border-color:#303a32;box-shadow:none}.voyage-hud>div:first-child strong,.rank-card h3{color:#b7ef6c}.mobile-tabs{background:#111713;border-color:#303a32;box-shadow:none}.mobile-tabs button[aria-pressed=true]{background:#b7ef6c;color:#10170e}.stage-kicker{letter-spacing:.1em}h1{font-size:clamp(23px,2.2vw,30px);letter-spacing:-.03em}.wheel-wrap,.rare-glow{border-color:#9dab9b;box-shadow:none}.wheel{box-shadow:none;border-color:#151c17}.wheel-dots{border-color:#738373}.wheel-center{background:#19221a;border-color:#b7ef6c;box-shadow:none;color:#b7ef6c}.pointer{border-top-color:#b7ef6c;filter:none}.spin{background:#b7ef6c;border-color:#b7ef6c;color:#111a0c;box-shadow:none}.archive-button,.small-button,.speed-button{background:#1b241c;border-color:#405044;color:#e1ecdd}.rank-card,.power-card,.power-card.has-fruit,.voyage-note{background:#1b241c;border-color:#405044}.rank-track i,.health-track i{background:#b7ef6c}.haki-grid>div.unlocked{color:#b7ef6c;background:#202b1f;border-color:#657f50}.result-banner>span,.decision-card small{color:#b7ef6c}.welcome-wheel{box-shadow:none}.rare-result>span{color:#f6cf63}.effect-chips span{background:#202b1f;border-color:#657f50;color:#d5f2bd}.battle-status{background:#25241a;border-color:#756b43}.skip-button{color:#caecaa}@media(max-width:720px){h1{font-size:24px}.game-layout{padding-top:16px}.stage-tools{margin-top:8px}.wheel-wrap{margin:15px auto 13px}.rank-card h3{font-size:16px}}.restart-button{display:block;margin:0 auto;min-height:44px;padding:10px 14px;border:0;background:transparent;color:#a8bca8;font-size:11px;text-decoration:underline;text-underline-offset:4px}.game-layout[data-selecting=true]{grid-template-columns:minmax(0,1fr)}.game-layout[data-selecting=true]>.character-card,.game-layout[data-selecting=true]>.chronicle{display:none}.world-select{max-width:420px;margin:32px auto;padding:24px;border:1px solid #405044;border-radius:14px;background:#151b17}.world-select small{font-size:10px;letter-spacing:.12em;color:#b7ef6c}.world-select h2{font-size:24px;margin:12px 0}.world-select p{font-size:12px;color:#b8caba}.world-select .spin{margin-top:22px}.world-select .quiet{margin-top:16px}.auto-delay{display:flex;align-items:center;gap:4px;font-size:9px;color:#a8bca8}.auto-delay select{font:inherit;background:#1b241c;color:#e1ecdd;border:1px solid #405044;border-radius:6px;min-height:36px;padding:4px}.stage-tools{flex-wrap:wrap;justify-content:center}.creator-power{display:none}.app-shell[data-creator=true] .topbar,.app-shell[data-creator=true] .sync-panel,.app-shell[data-creator=true] .voyage-hud,.app-shell[data-creator=true] .mobile-tabs,.app-shell[data-creator=true] .character-card,.app-shell[data-creator=true] .chronicle,.app-shell[data-creator=true] footer,.app-shell[data-creator=true] .stage-kicker,.app-shell[data-creator=true] .stage-subtitle,.app-shell[data-creator=true] .legend,.app-shell[data-creator=true] .wheel-hint,.app-shell[data-creator=true] .finish-button,.app-shell[data-creator=true] .restart-button{display:none}.app-shell[data-creator=true] .game-layout{display:block;padding:12px 0}.app-shell[data-creator=true] .creator-power{display:block;font-size:10px;line-height:1.4;color:#b7ef6c}.app-shell[data-creator=true] .stage-tools{margin:6px auto;gap:5px}.app-shell[data-creator=true] .stage-tools>span{display:none}.app-shell[data-creator=true] .wheel-wrap{width:min(78vw,37vh,390px);margin:14px auto}.app-shell[data-creator=true] .result-banner{min-height:44px;margin-bottom:4px}.app-shell[data-creator=true] .result-banner p{margin-top:4px}.app-shell[data-creator=true] .spin{margin-top:8px}.app-shell[data-creator=true] .effect-chips{margin-top:4px}.app-shell[data-creator=true] h1{margin:4px 0;font-size:22px}@media(max-width:720px){.stage-tools>span{max-width:none}}.matchup-card{display:grid;gap:5px;text-align:left;max-width:420px;margin:12px auto;padding:10px 12px;border:1px solid #405044;border-radius:10px;background:#151b17}.matchup-card strong{font-size:12px;line-height:1.4}.matchup-card span,.matchup-card details{font-size:10px;color:#bfd1be;line-height:1.5}.matchup-card summary{cursor:pointer}.matchup-card p{margin:6px 0}.app-shell[data-creator=true] .matchup-card{margin:6px auto;padding:6px 9px}.app-shell[data-creator=true] .matchup-card details{display:none}.app-shell[data-creator=true][data-matchup=true] .creator-power{display:none}.wanted-poster{display:grid;gap:5px;max-width:260px;margin:14px auto;padding:15px;text-align:center;border:2px solid #a68a5b;border-radius:4px;background:#e5d6af;color:#32291e}.wanted-poster strong{font-size:28px;line-height:1;letter-spacing:.08em}.wanted-poster span{font-size:11px;font-weight:700;letter-spacing:.08em}.wanted-poster b{font-size:20px;line-height:1.2}.wanted-poster small{font-size:10px;letter-spacing:.08em}.locked-tiers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:8px auto;max-width:420px;color:#9ba29c;font-size:10px}.locked-tiers strong{font-size:9px;letter-spacing:.04em}.locked-tiers span{padding:3px 6px;background:#252a27;border:1px solid #505751;border-radius:5px;color:#a8ada9}