@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans SC,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.d4-custom-select-option.\!selected{background:#1f2025!important;color:var(--d4-accent-gold)!important}.d4-custom-select-option.selected{background:#1f2025;color:var(--d4-accent-gold)}.d4-nav-item.active{color:var(--d4-nav-active-text);background:var(--d4-nav-active-bg);border-bottom:2px solid var(--d4-nav-active-border);border-radius:6px 6px 0 0}.d4-nav-item.active .d4-nav-badge{background:#fff3;color:#fff}.fixed{position:fixed}.block{display:block}.flex{display:flex}.table{display:table}.break-all{word-break:break-all}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;font-family:Noto Sans SC,Segoe UI,Microsoft YaHei,sans-serif}body{margin:0;min-width:320px;background-color:var(--d4-bg-page);color:var(--d4-text-main)}[data-theme=obsidian]{--d4-bg-page: #15161A;--d4-bg-header: #15161A;--d4-bg-panel: #15161A;--d4-bg-panel-2: #16171b;--d4-bg-control: #23242b;--d4-bg-control-hover: #2b2d35;--d4-border-soft: #2a2c34;--d4-border-strong: #3b3d47;--d4-text-main: #f2f2f3;--d4-text-muted: #b7bac8;--d4-text-dim: #7f8390;--d4-accent-red: #a92933;--d4-accent-red-hot: #d03742;--d4-accent-blue: #40496c;--d4-accent-gold: #c49a50;--d4-shadow: rgba(0, 0, 0, .4);--d4-nav-active-bg: #26272D;--d4-nav-active-text: #c49a50;--d4-nav-active-border: #c49a50}[data-theme=ashen]{--d4-bg-page: #141312;--d4-bg-header: #0f0e0d;--d4-bg-panel: #1b1a18;--d4-bg-panel-2: #171615;--d4-bg-control: #282622;--d4-bg-control-hover: #312e29;--d4-border-soft: #332f2a;--d4-border-strong: #4a3f34;--d4-text-main: #f0e8d8;--d4-text-muted: #c6bca9;--d4-text-dim: #857d70;--d4-accent-red: #9d332f;--d4-accent-red-hot: #d65a42;--d4-accent-blue: #4a4b60;--d4-accent-gold: #d0a657;--d4-shadow: rgba(0, 0, 0, .36);--d4-nav-active-bg: #282622;--d4-nav-active-text: #d0a657;--d4-nav-active-border: #d0a657}[data-theme=sanctuary]{--d4-bg-page: #0d1216;--d4-bg-header: #080b0e;--d4-bg-panel: #141c23;--d4-bg-panel-2: #111820;--d4-bg-control: #1f2a34;--d4-bg-control-hover: #283642;--d4-border-soft: #2b3945;--d4-border-strong: #3d4e5a;--d4-text-main: #eef4f2;--d4-text-muted: #b6c6c9;--d4-text-dim: #71858a;--d4-accent-red: #a63246;--d4-accent-red-hot: #d74358;--d4-accent-blue: #344a68;--d4-accent-gold: #c3a05f;--d4-shadow: rgba(0, 0, 0, .46);--d4-nav-active-bg: #1f2a34;--d4-nav-active-text: #c3a05f;--d4-nav-active-border: #c3a05f}[data-theme=crimsonGold]{--d4-bg-page: #303030;--d4-bg-header: #191919;--d4-bg-panel: #252525;--d4-bg-panel-2: #2b2b2b;--d4-bg-control: #383838;--d4-bg-control-hover: #454545;--d4-border-soft: #4a4037;--d4-border-strong: #675540;--d4-text-main: #d2c8ae;--d4-text-muted: #b5ab93;--d4-text-dim: #8f866f;--d4-accent-red: #a50905;--d4-accent-red-hot: #cf1510;--d4-accent-blue: #4a4650;--d4-accent-gold: #d2c8ae;--d4-shadow: rgba(0, 0, 0, .42);--d4-nav-active-bg: #383838;--d4-nav-active-text: #d2c8ae;--d4-nav-active-border: #d2c8ae}[data-theme=obsidian]{--d4-rarity-common: #9d9d9d;--d4-rarity-magic: #1eff00;--d4-rarity-rare: #0070dd;--d4-rarity-legendary: #ff8000;--d4-rarity-unique: #e6cc80;--d4-rarity-mythic: #9b59b6}[data-theme=ashen]{--d4-rarity-common: #a8a8a8;--d4-rarity-magic: #39ff14;--d4-rarity-rare: #00bfff;--d4-rarity-legendary: #ff9500;--d4-rarity-unique: #f0d78c;--d4-rarity-mythic: #b066d9}[data-theme=sanctuary]{--d4-rarity-common: #8a959b;--d4-rarity-magic: #2aff14;--d4-rarity-rare: #00a0ff;--d4-rarity-legendary: #ff7f00;--d4-rarity-unique: #e8cf8a;--d4-rarity-mythic: #a050d0}[data-theme=crimsonGold]{--d4-rarity-common: #a0a0a0;--d4-rarity-magic: #4aff14;--d4-rarity-rare: #33a0ff;--d4-rarity-legendary: #ff9500;--d4-rarity-unique: #e0d0a0;--d4-rarity-mythic: #b860cc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#15161a;border-radius:999px}::-webkit-scrollbar-thumb{border:2px solid #15161a;border-radius:999px;background:linear-gradient(180deg,var(--d4-accent-red-hot),var(--d4-accent-red))}::-webkit-scrollbar-thumb:hover{background:var(--d4-accent-gold)}button,input,select{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--d4-accent-gold);outline-offset:2px}select:focus-visible{outline:none}:root{--tier-common: #9d9d9d;--tier-magic: #6ba4ff;--tier-rare: #e5c35c;--tier-legendary: #e5842c;--tier-unique: #b07d2b;--tier-mythic: #a335ee;--tier-bg-common: rgba(157, 157, 157, .12);--tier-bg-magic: rgba(107, 164, 255, .12);--tier-bg-rare: rgba(229, 195, 92, .12);--tier-bg-legendary: rgba(229, 132, 44, .12);--tier-bg-unique: rgba(176, 125, 43, .12);--tier-bg-mythic: rgba(163, 53, 238, .12);--tier-text-common: #b0b0b0;--tier-text-magic: #8bb8ff;--tier-text-rare: #e8d07a;--tier-text-legendary: #e8a050;--tier-text-unique: #c8983a;--tier-text-mythic: #b86aee;--bg: #15161A;--panel: #1A1B1F;--panel-2: #151517;--panel-3: #232327;--line: #2b2b30;--line-bright: #3a3630;--text: #f2efe7;--muted: #9b9b9f;--faint: #6d6d72;--gold: #f2c84b;--gold-dim: #3a311d;--blue: #80a7ff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.community-shell{min-height:100vh;padding:4px 0 28px;background:#15161a}.community-panel,.composer-panel{width:min(1200px,calc(100vw - 32px));margin:0 auto;background:var(--panel);border:1px solid #242428;border-radius:8px;overflow:hidden;box-shadow:0 18px 70px #00000059}.community-header,.composer-header,.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid var(--line)}.community-title-row,.composer-header,.detail-header{justify-content:flex-start}.community-title-row{display:none;align-items:center;gap:8px}.community-header{justify-content:flex-end}.community-title-row h1,.composer-header h1,.detail-title{margin:0;font-size:18px;font-weight:800}.community-title-row span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.icon-button{width:30px;height:30px;border:0;border-radius:7px;background:var(--panel-3);color:#d9d9dd;font-size:24px;line-height:1}.community-actions{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;width:240px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:var(--panel-2);color:var(--faint)}.search-box:focus-within{border-color:var(--line-bright)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.primary-button,.ghost-button,.select-pill{min-height:35px;border-radius:8px;padding:0 15px;border:1px solid transparent;color:var(--text);background:var(--panel-3)}.primary-button{background:var(--gold-dim);border-color:#4a3d22;color:var(--gold);font-weight:700}.primary-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{border-color:var(--line);color:#c8c8cc}.community-tabs,.composer-tabs{display:flex;gap:22px;padding:0 18px;border-bottom:1px solid var(--line)}.community-tabs button,.composer-tabs button{height:46px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b7b7bd}.community-tabs button.active,.composer-tabs button.active{color:var(--text);border-bottom-color:var(--gold);font-weight:700}.community-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 18px 8px}.type-filter,.type-picker{display:flex;flex-wrap:wrap;gap:8px}.type-filter button,.type-picker button{min-height:32px;border:0;border-radius:7px;padding:0 12px;background:#2b2b31;color:#d5d5da}.type-filter button.selected,.type-picker button.active{color:var(--gold);background:var(--gold-dim)}.sort-menu{position:relative;flex:0 0 auto}.sort-menu>button{min-height:33px;border:0;border-radius:6px;padding:0 11px;background:var(--panel-3);color:#d7d7dc}.sort-popover{position:absolute;top:38px;right:0;z-index:10;width:140px;overflow:hidden;border:1px solid #343434;border-radius:5px;background:#202022;box-shadow:0 12px 24px #00000061}.sort-popover button{display:block;width:100%;height:36px;border:0;background:transparent;color:#ddd;text-align:left;padding:0 13px}.sort-popover button.active{color:var(--gold);background:var(--gold-dim);font-weight:700}.post-feed{border-top:1px solid var(--line)}.post-card{padding:16px 12px 12px;border-bottom:1px solid var(--line);transition:background .16s ease}.post-card:hover{background:#ffffff06}.post-author,.detail-author{display:flex;align-items:center;gap:8px}.avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7d2d2d,#303a55);color:#fff;font-size:12px;font-weight:800}.avatar.large{width:42px;height:42px;font-size:18px}.author-line{display:flex;align-items:center;gap:7px}.author-line strong{font-size:13px}.author-line span,.author-line em{border-radius:3px;padding:1px 4px;background:#24406f;color:#fff;font-size:10px;font-style:normal}.author-line em{background:var(--gold-dim);color:var(--gold)}.post-author p{margin:1px 0 0;color:var(--muted);font-size:12px}.post-card-body{padding-top:10px}.post-card-body h2{margin:5px 0 6px;color:#f4f0ea;font-size:18px;line-height:1.35}.post-card-body p{margin:0 0 10px;color:#b4b4bb;line-height:1.55}.post-meta-row,.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.post-type{border-radius:5px;padding:3px 8px;color:#fff;font-weight:700}.type-news{background:#424048}.type-guide{background:#2f3d5f}.type-help{background:#4a2631}.type-team{background:#33274f}.type-trade{background:#4b3b1b}.type-discussion{background:#292932}.post-badge{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700;white-space:nowrap}.badge-blue{background:#1a3a6a;color:#7fb0ff}.badge-featured{background:#3a311d;color:#f2c84b}.badge-pinned{background:#3a243f;color:#d9a6ff}.badge-hot{background:#44231d;color:#ff9a68}.image-grid{display:grid;gap:6px;width:min(560px,100%);margin-top:12px}.image-count-1{grid-template-columns:minmax(180px,360px)}.image-count-2{grid-template-columns:repeat(2,minmax(0,180px))}.image-count-3{grid-template-columns:repeat(3,minmax(0,180px))}.image-grid img{width:100%;aspect-ratio:1.25;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:var(--panel-2)}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.tag-row span{border-radius:999px;padding:3px 9px;background:#2a2a30;color:#bfc0c6;font-size:12px}.post-stats{display:flex;justify-content:flex-end;gap:16px;color:var(--muted);font-size:13px}.empty-state{padding:72px 16px;text-align:center;color:var(--muted)}.composer-body{padding:16px 18px 92px}.image-uploader{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.upload-tile,.image-thumb{display:grid;place-items:center;width:80px;height:80px;border:1px solid transparent;border-radius:0;background:var(--panel-3);color:#f0f0f0}.upload-tile input{display:none}.upload-tile span{font-size:26px}.image-thumb{padding:0;overflow:hidden}.image-thumb img,.cover-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.editor-card{overflow:hidden;border-radius:6px;background:var(--panel-2)}.title-input-row{display:flex;align-items:center;border-bottom:1px solid #262629}.title-input-row input{flex:1;height:43px;border:0;outline:0;background:transparent;color:var(--text);padding:0 13px}.title-input-row span{padding-right:14px;color:#b7bed0;font-size:12px}.editor-card textarea{display:block;width:100%;min-height:200px;border:0;outline:0;resize:vertical;background:transparent;color:#d8d8dc;padding:14px;line-height:1.6}.composer-panel .editor-card textarea{min-height:245px}.editor-toolbar{display:flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;background:#252523;border-bottom:1px solid #2f2f2f}.editor-toolbar button{border:0;background:transparent;color:#b6b6b8;padding:5px 7px}.toolbar-source{margin-left:auto;color:#d8d0bd;font-size:13px}.settings-section{margin-top:34px;display:grid;gap:18px}.field-row{display:flex;align-items:center;gap:18px}.field-row>label,.stacked-field>span{width:80px;color:#f2f2f4;font-weight:700;font-size:14px}.select-pill{color:#cfcfd2}.stacked-field{display:grid;gap:8px}.stacked-field>span{width:auto}.stacked-field em{margin-left:6px;color:var(--muted);font-style:normal;font-weight:400}.stacked-field input,.field-row select{width:min(630px,100%);height:42px;border:1px solid #3a3a44;border-radius:7px;outline:0;background:#2a2a30;color:#e0e0e5;padding:0 12px}.field-row select{width:200px}.type-row{align-items:flex-start}.cover-row p{max-width:440px;margin:0;color:var(--muted);line-height:1.6}.cover-tile{flex:0 0 auto}.composer-footer{position:fixed;left:50%;bottom:4px;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:min(1200px,calc(100vw - 32px));padding:10px 18px;background:var(--panel);border:1px solid #242428;border-top-color:var(--line);border-radius:0 0 8px 8px}.composer-footer>div{display:flex;align-items:center;gap:10px}.form-message{color:var(--gold);font-size:13px}.detail-panel{padding-bottom:18px}.detail-header{justify-content:flex-start}.detail-author strong{font-size:15px}.detail-author p{margin:3px 0 0;color:var(--muted);font-size:12px}.article-cover{width:100%;max-height:360px;-o-object-fit:cover;object-fit:cover;display:block}.detail-meta{padding:18px 22px 0}.detail-title{padding:12px 22px 0;font-size:28px;line-height:1.25}.detail-content{padding:12px 22px;color:#d8d6d1;line-height:1.85}.detail-content p{margin:0 0 10px}.detail-images{display:grid;gap:10px;padding:0 22px 14px}.detail-images img{width:100%;max-height:520px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:var(--panel-2)}.detail-tags{padding:0 22px}.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-counts{display:flex;gap:14px;color:var(--muted)}.detail-actions{display:flex;gap:8px}.detail-actions button{display:inline-flex;align-items:center;gap:6px;min-width:82px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel-3);color:#d7d7dc;font-size:14px;padding:0 12px}.detail-actions button.active{color:var(--gold);border-color:#5b4822;background:var(--gold-dim)}.detail-actions button.admin-blue{color:#7fb0ff;border-color:#2a4a7a;background:#2a4a7a33}.detail-actions button.admin-gold{color:var(--gold);border-color:#5b4822;background:var(--gold-dim)}.detail-actions button.admin-blue:hover,.detail-actions button.admin-gold:hover{filter:brightness(1.2)}.comment-section{padding:0 22px 22px}.comment-section h2{margin:0;font-size:16px;font-weight:700}.comment-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:22px;margin-bottom:14px}.comment-sort{position:relative}.comment-sort>button{display:flex;align-items:center;gap:4px;height:30px;border:1px solid var(--line);border-radius:6px;background:var(--panel-3);color:#b7b7bd;font-size:13px;padding:0 10px}.sort-arrow{font-size:10px}.comment-sort-dropdown{position:absolute;top:34px;right:0;z-index:10;width:100px;overflow:hidden;border:1px solid #343434;border-radius:5px;background:#202022;box-shadow:0 12px 24px #00000061}.comment-sort-dropdown button{display:block;width:100%;height:34px;border:0;background:transparent;color:#ddd;font-size:13px;text-align:left;padding:0 12px}.comment-sort-dropdown button.active{color:var(--gold);background:var(--gold-dim);font-weight:700}.comment-input-area{display:flex;gap:12px;margin-bottom:18px}.comment-input-area .avatar{flex:0 0 auto;width:32px;height:32px;font-size:13px;margin-top:4px}.comment-input-wrap{flex:1;min-width:0}.comment-input-wrap textarea{display:block;width:100%;border:1px solid #36363e;border-radius:8px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:14px;padding:10px 12px;resize:vertical;line-height:1.5}.comment-input-wrap textarea:focus{border-color:#5a5a66}.comment-input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.comment-input-hint{color:var(--faint);font-size:12px}.comment-submit{min-height:32px;padding:0 16px;font-size:13px}.comment-list{border-top:1px solid var(--line);padding-top:4px}.comment-item{padding:14px 0;border-bottom:1px solid #25252a}.comment-reply{padding:10px 0 10px 36px;border-bottom:none}.comment-head{display:flex;align-items:center;gap:8px}.comment-head .avatar{width:26px;height:26px;font-size:11px}.comment-author{display:flex;align-items:center;gap:6px}.comment-author strong{font-size:13px;color:#ededf0}.comment-badge{border-radius:3px;padding:1px 5px;background:#24406f;color:#fff;font-size:10px;white-space:nowrap}.comment-body{margin-top:6px;padding-left:34px}.comment-body p{margin:0;font-size:14px;line-height:1.6;color:#d4d4d8;word-break:break-word}.comment-edit-box{display:flex;flex-direction:column;gap:8px}.comment-edit-box textarea{width:100%;border:1px solid #36363e;border-radius:8px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:14px;padding:10px 12px;resize:vertical;line-height:1.5}.comment-edit-box textarea:focus{border-color:#5a5a66}.comment-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.comment-manage-btn{border:0;background:transparent;color:var(--muted);font-size:12px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.comment-manage-btn:hover:not(:disabled){color:var(--gold);background:#c9922a1a}.comment-manage-btn.danger:hover:not(:disabled){color:#e06c6c;background:#e06c6c14}.comment-manage-btn:disabled{opacity:.55;cursor:not-allowed}.comment-foot{display:flex;align-items:center;gap:14px;margin-top:8px;padding-left:34px}.comment-time{color:var(--faint);font-size:12px}.comment-like{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:12px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.comment-like:hover{color:#e06c6c;background:#e06c6c14}.comment-like.liked{color:#e06c6c}.comment-like span{min-width:8px;text-align:center}.comment-reply-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:12px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.comment-reply-btn:hover{color:var(--blue);background:#80a7ff14}.comment-replies-toggle{margin-top:6px;padding-left:34px}.comment-replies-toggle button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:2px 0}.comment-replies-toggle button:hover{color:var(--blue)}.reply-inline{margin-top:14px;padding:14px;border:1px solid #36363e;border-radius:8px;background:#1a1a20}.reply-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.reply-inline-header span{font-size:13px;color:var(--blue);font-weight:600}.reply-cancel{border:0;background:transparent;color:var(--muted);font-size:12px}.reply-cancel:hover{color:var(--text)}.reply-inline textarea{display:block;width:100%;border:1px solid #36363e;border-radius:8px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:14px;padding:10px 12px;resize:vertical;line-height:1.5}.reply-inline textarea:focus{border-color:#5a5a66}.reply-inline-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.comment-closed{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:32px 16px;border:1px dashed #3a3a40;border-radius:8px;color:var(--muted);background:var(--panel-2);font-size:14px}@media (max-width: 720px){.community-header{align-items:stretch;flex-direction:column}.community-actions{width:100%}.search-box{flex:1;width:auto}.community-toolbar{flex-direction:column}.sort-menu{align-self:flex-end}.image-count-2,.image-count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{align-items:flex-start;flex-direction:column;gap:8px}.field-row>label{width:auto}.composer-footer{align-items:stretch;flex-direction:column;gap:10px}.composer-footer>div{justify-content:flex-end}.comment-input-area{flex-direction:column}.comment-input-area .avatar{display:none}.comment-reply{padding-left:16px}.comment-body,.comment-foot{padding-left:0}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{position:relative;width:min(400px,calc(100vw - 32px));padding:28px 24px 24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 60px #00000080}.auth-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:var(--muted);font-size:22px}.auth-modal h2{margin:0 0 16px;font-size:20px;font-weight:800}.auth-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--line)}.auth-tabs button{flex:1;height:40px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.auth-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.auth-modal form label{display:block;margin-bottom:14px;color:#d0d0d5;font-size:13px;font-weight:600}.auth-modal form label input{display:block;width:100%;height:40px;margin-top:6px;padding:0 12px;border:1px solid #36363e;border-radius:7px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:14px}.auth-modal form label input:focus{border-color:#5a5a66}.auth-hint{margin:0 0 12px;color:var(--faint);font-size:12px;line-height:1.5}.auth-error{margin:0 0 12px;color:#e06c6c;font-size:13px}.auth-submit{width:100%;height:42px;border:0;border-radius:8px;background:var(--gold-dim);border-color:#4a3d22;color:var(--gold);font-weight:700;font-size:15px}.user-badge{display:flex;align-items:center;gap:8px}.user-badge-guest{border:0;background:var(--panel-3);color:#d7d7dc;padding:4px 12px 4px 6px;border-radius:8px;font-size:13px;cursor:pointer}.user-badge-main{display:flex;align-items:center;gap:8px}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--faint);background:#ffffff0d;color:var(--faint);font-size:14px;font-weight:800}.user-badge-guest .user-avatar{border:2px solid var(--faint);color:var(--faint)}.user-info{line-height:1.3}.user-name-row{display:flex;align-items:center;gap:6px}.user-name{font-size:13px;font-weight:700;color:var(--text)}.user-tier{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#ffffff0f}.user-admin-badge{font-size:10px;padding:1px 4px;border-radius:3px;background:#3a1d1d;color:#e06c6c}.user-xp-row{display:flex;align-items:center;gap:6px;margin-top:2px}.user-level{font-size:11px;color:var(--muted);font-weight:600;min-width:28px}.user-xp-bar-bg{flex:1;width:60px;height:4px;border-radius:2px;background:#2a2a30;overflow:hidden}.user-xp-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.user-xp-text{font-size:10px;color:var(--faint);min-width:32px;text-align:right}.user-logout{border:0;background:transparent;color:var(--faint);font-size:16px;padding:0 2px;opacity:.5}.user-logout:hover{opacity:1;color:var(--text)}.admin-section{padding:16px 18px}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.admin-search{flex:1;height:34px;padding:0 12px;border:1px solid #36363e;border-radius:7px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:13px}.admin-count{color:var(--muted);font-size:13px;white-space:nowrap}.admin-post-list{border-top:1px solid var(--line)}.admin-post-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.admin-post-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.admin-post-title{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-post-author{font-size:11px;color:var(--faint);white-space:nowrap}.admin-post-status{font-size:14px}.admin-post-actions{display:flex;gap:6px;flex-shrink:0}.admin-btn{min-height:28px;padding:0 10px;border:1px solid #36363e;border-radius:5px;background:#1e1e24;color:#b7b7bd;font-size:12px}.admin-btn.active-blue{border-color:#4a6fa5;background:#4a6fa526;color:#7fb0ff}.admin-btn.active-gold{border-color:#5b4822;background:var(--gold-dim);color:var(--gold)}.admin-btn.active-pin{border-color:#7b4fa0;background:#7b4fa02e;color:#d9a6ff}.admin-btn.active-hot{border-color:#8a4b2f;background:#8a4b2f2e;color:#ff9a68}.admin-user-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}@media (max-width: 720px){.admin-user-layout{grid-template-columns:1fr}}.admin-user-list{border:1px solid var(--line);border-radius:6px;overflow:hidden}.admin-list-header{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}.admin-user-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #25252a;cursor:pointer;font-size:13px}.admin-user-row:hover{background:#ffffff08}.admin-user-row.selected{background:#ffffff0f}.admin-user-name{flex:1;color:var(--text);font-weight:600}.admin-user-role{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#ffffff0f}.admin-user-xp{font-size:11px;color:var(--faint)}.admin-user-detail{padding:0 4px}.admin-user-detail h3{margin:0 0 14px;font-size:16px;font-weight:700}.admin-detail-grid{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:13px}.admin-detail-grid>span:nth-child(odd){color:var(--muted);font-weight:600}.admin-detail-grid>span:nth-child(2n){color:var(--text)}.admin-xp-form{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.admin-xp-hint{margin:6px 0 0;color:var(--muted);font-size:12px}.admin-xp-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#d0d0d5}.admin-xp-row{display:flex;align-items:center;gap:10px}.admin-xp-row input{width:120px;height:36px;padding:0 12px;border:1px solid #36363e;border-radius:7px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:14px}.form-message{margin:8px 0 0;color:var(--gold);font-size:13px}.admin-config-card{max-width:min(100%,1040px)}.admin-config-card h3{margin:0 0 16px;font-size:16px;font-weight:700}.admin-table-wrap{width:100%;overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:8px}.admin-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;color:var(--text);vertical-align:top}.admin-table th{color:var(--muted);font-size:12px;font-weight:700;background:#ffffff08}.admin-table tr:last-child td{border-bottom:0}.admin-table code{color:#f1d28b;font-family:Consolas,Monaco,monospace}.admin-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:#d0d0d5;cursor:pointer}.admin-toggle input{width:18px;height:18px;cursor:pointer}.admin-limit-grid{display:grid;grid-template-columns:1fr 80px 80px;gap:8px 12px;margin-bottom:16px;font-size:13px}.admin-limit-header{color:var(--muted);font-weight:700;font-size:12px;padding-bottom:6px;border-bottom:1px solid var(--line)}.admin-limit-row{display:contents}.admin-limit-row>span{padding:6px 0;color:var(--text)}.admin-limit-row input{width:100%;height:32px;padding:0 8px;border:1px solid #36363e;border-radius:5px;outline:0;background:#1e1e24;color:#e0e0e5;font-size:13px;text-align:center}.admin-usage{color:var(--faint);font-size:12px;display:flex;align-items:center}.admin-config-actions{display:flex;gap:10px}.admin-config-actions .ghost-button{border-color:var(--line);color:#c8c8cc}.user-admin-btn{border:0;background:transparent;color:var(--gold);font-size:16px;padding:0 4px;opacity:.6;cursor:pointer}.user-admin-btn:hover{opacity:1}.danger-action{color:#f08a8a!important;border-color:#e06c6c73!important}.danger-action:hover:not(:disabled){color:#fff!important;background:#e06c6c29!important}.danger-action:disabled{opacity:.55;cursor:not-allowed}.list-refresh-hint{margin-bottom:10px;color:var(--muted);font-size:12px;text-align:right}.load-more-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 0 4px;color:var(--muted);font-size:13px}