/* Detail-only bundle: original cascade order retained. */ /* /static/css/font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{unicode-range:U+a8-a9,U+ae,U+b4,U+c6,U+d8,U+2122,U+221e,U+2260,U+f000-f004,U+f007-f009,U+f00b-f00e,U+f010-f018,U+f01b-f01e,U+f022-f02d,U+f02f-f039,U+f03b-f03e,U+f040-f041,U+f043-f049,U+f04b-f04e,U+f050-f058,U+f05b-f05e,U+f060-f069,U+f06b-f06d,U+f070,U+f072-f073,U+f075-f076,U+f078-f079,U+f07b-f07e,U+f080-f089,U+f08c-f08e,U+f090-f099,U+f09b-f09e,U+f0a0-f0ab,U+f0ad-f0ae,U+f0b0-f0b2,U+f0c0-f0c8,U+f0ca-f0ce,U+f0d0-f0de,U+f0e1-f0ee,U+f0f0-f0fe,U+f100-f104,U+f106-f107,U+f109,U+f10b-f10e,U+f110-f119,U+f11c-f11e,U+f120-f129,U+f12b-f12e,U+f130-f13e,U+f140-f144,U+f146-f14d,U+f150-f15e,U+f160-f163,U+f166-f16e,U+f170-f17e,U+f180-f18e,U+f190-f19e,U+f1a0-f1ae,U+f1b0-f1b5,U+f1b8-f1be,U+f1c0-f1ce,U+f1d0-f1de,U+f1e0-f1ee,U+f1f0-f1fe,U+f200-f209,U+f20b-f20e,U+f210-f21e,U+f221-f23e,U+f240-f24e,U+f250-f25e,U+f260-f26e,U+f270-f273,U+f275-f27e,U+f280-f28e,U+f290-f29e,U+f2a0-f2ae,U+f2b0-f2be,U+f2c1-f2ce,U+f2d0-f2d1,U+f2d3-f2de,U+f2e0-f2ee,U+f500;font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/static/fonts/fontawesome-webfont.2adefcbc041e.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* /static/css/article.css */ .article-top{height:310px;overflow:hidden} .article-header{background:url(../images/04.jpg) center no-repeat;width:105%;height:320px;overflow:hidden;position:relative;margin-left:-15px;background-size:cover;background-repeat:repeat;background-attachment:fixed} .article-header:before{position:absolute;content:"";width:130%;height:320px;left:-10px;font-size:13px;bottom:0;color:#fff;border-radius:9px 0 0;line-height:21px;text-align:center;background-image:url(../images/pattern.png);background-repeat:repeat} .article-tit{position:relative;margin:15px 0 25px} .article-crumbs{color:#999;visibility:visible} .article-crumbs a:hover{color:#007bf5!important} .article-tit h1{font-weight:700;font-size:24px;position:relative} .article-tit h1 i{background:#f50000;color:#fff;font-style:inherit;padding:5px 10px;font-size:13px;border-radius:10px;margin:4px;display:block;float:left;left:-3px} .article-tit .info{color:#888;font-size:12px;margin-top:10px;border-top:1px solid #f6f6f6;padding-top:10px} .article-tit .info span{padding:0 20px 0 0} .article-tit .info span:last-child{float:right;padding:0;cursor:pointer} .article-tit .collect{line-height:28px;background:#f6f6f6!important;color:#777;border-radius:20px;position:absolute;top:-36px;right:0;cursor:pointer;overflow:hidden;height:28px;padding:0 15px 0 13px} .article-tit .collect i{padding:0 5px 0 0} .article-tit .collect.cover,.article-tit .collect:hover{background:#007bf5!important;transition:all .3s;color:#fff} .article-tit .collect.cover i{color:#ffb80f} .article-main .left{width:1000px;border-radius:10px;box-sizing:border-box;padding:20px;background:#fff} .article-body{background:#fff;border-radius:5px 5px 0 0;font-size:15px;padding:0 0 20px} .article-about,.article-filepage,.article-help,.article-main,.tags-page{margin-top:100px;position:relative} .article-body a,.article-faqs a{padding-bottom:2px;box-shadow:0 1px;color:#007bf5} .article-body p,.article-faqs p{display:block;line-height:30px;margin-bottom:10px;word-wrap:break-word} .article-about .right h2,.article-body h2,.tags-page h2{font-size:22px;color:#333;font-weight:700;margin:30px 0 25px;line-height:17px} .article-faqs img{max-width:100%;height:auto} .article-body h3{position:relative;padding:5px 0 15px;color:#424242;font-size:18px;display:-webkit-inline-box;cursor:pointer;z-index:16;font-weight:700;line-height:30px} .article-body h4{font-size:18px;font-weight:700;margin:25px 0 20px;border-left:4px solid #007bf5;padding:0 0 0 10px;line-height:17px} .article-body h5{font-size:18px;color:#333;background:#e2e2e2;padding:5px 10px;margin:0 0 15px;font-weight:600} .article-body h6{font-size:18px;color:#333;background:#f6f6f6;padding:5px 10px 6px;margin:0 0 15px;font-weight:600;border-left:4px solid #eaeaea;border-radius:5px} .article-body h3:before{position:absolute;top:35px;left:0;z-index:-1;width:45%;height:2px;background:#007bf5;content:" ";border-radius:20px;transition:all .5s} .article-body h3:hover:before{width:100%;transition:all .5s} .article-body ol{color:#424242;font-size:15px;margin:5px 0 15px} .article-body ol li{position:relative;padding-left:15px} .article-body ol li:before{position:absolute;top:15.5px;left:8px;width:3px;height:3px;border-radius:10px;background:#333;content:" "} .article-body ol li p{padding:2px 10px!important;font-size:15px!important;margin-bottom:5px!important;color:#333} .article-body ol li:last-child p{margin-bottom:0!important} .article-body blockquote{position:relative;margin:25px 0;padding:45px 45px 30px;border-color:#c0c6cc;background-color:#f8f8fa;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,\\5fae\8F6F\96c5\9ED1,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif} .article-body blockquote:before{top:20px;left:20px;background:url(../images/blockquote.png) no-repeat 0 0} .article-body blockquote:after,.article-body blockquote:before{position:absolute;display:block;width:1pc;height:14px;content:''} .article-body blockquote:after{right:20px;bottom:20px;background:url(../images/blockquote.png) no-repeat -1pc 0} .article-body img{max-width:100%;max-height:100%;border-radius:10px;margin:10px 0} .article-body .tao{border-radius:5px} .article-body .card a,span.card a{padding-right:0;color:#313131;text-decoration:none} .article-body .card span,span.card span{display:block;padding-right:0} .article-body .card,span.card{position:relative;display:block;overflow:hidden;margin:30px auto;padding:9px;border:1px solid #eee;border-radius:10px;transition:all .3s} .article-body .card:hover,span.card:hover{-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1);-webkit-transform:translateY(-5px)} .article-body .card .z-tag-baike,.card .z-tag-brand{position:absolute;top:9px;left:0;padding-right:3px;border-bottom-left-radius:0;border-top-left-radius:0} .article-body .card-logo{float:left;margin-right:14px} .article-body .card-logo img{margin:0!important;width:135px;height:135px} .article-body .card-info{overflow:hidden;padding-right:4px} .article-body .card-info>span{display:block} .article-body .card-info .card-title{overflow:hidden;line-height:28px} .article-body .card-info .card-name{overflow:hidden;margin-bottom:10px;margin-left:45px;text-overflow:ellipsis;white-space:nowrap;font-size:1pc;line-height:34px} .article-body .card-info .mall-data{float:left;margin-top:8px;width:2pc;height:19px;border-radius:4px;background-color:#f50000;color:#fff;text-align:center;font-size:11px;line-height:20px} .article-body .card-info .card-name b,.card-info .card-name em,.card-info .card-name strong{font-weight:400} .article-body .card-info .price{float:left;color:#888;font-size:1pc} .article-body .card-info .price b{color:#ff002b;padding-right:5px;font-size:18px} .article-body .card-info .price s{color:#888;font-size:12px} .article-body .card-info .card-tags{overflow:hidden;height:20px} .article-body .card-info .card-tags>span{display:inline-block;margin-right:8px;padding:0 7px;height:1pc;border:1px solid #eee;color:#999;font-size:9pt;line-height:1pc} .article-body .card-info .card-tags span.tag-noborder{border:none} .article-body .card-info .card-abstract{overflow:hidden;color:#999;font-size:9pt;line-height:18px} .article-body .card-info .card-controls{overflow:hidden;margin-top:40px;line-height:30px} .article-body .card-info .card-controls .group-data,.card-info .card-controls .mall-data{float:left;margin-right:10px;color:#999;font-size:9pt} .article-body .card-info .card-controls .group-data i{margin-right:5px;font-style:normal!important} .article-body .card-info .card-controls .card-inline-split{float:left;margin-right:10px;color:#ccc;font-size:9pt} .article-body .card-info .card-btn-deep,.card-info .card-btn-light{width:75pt;height:30px;border-radius:3px;text-align:center;font-size:9pt;line-height:28px} .article-body .card-info .card-btn-deep:hover,.card-info .card-btn-light:hover{opacity:.9} .article-body .card-info .card-btn-light{background-color:rgba(0,102,102,.1);color:#007bf5} .article-body .card-info .card-btn-deep{margin-left:10px;background-color:#007bf5;color:#fff} .article-body .card.main-site .card-info .card-name{overflow:hidden;margin-top:7px;white-space:normal;line-height:24px} .article-body .card-info .card-name em,.card.main-site .card-info .card-name b,.card.main-site .card-info .card-name strong{margin-left:6px;color:#f04848} .article-body .card.main-site .card-info .card-abstract{margin-bottom:20px} .article-body .card.main-site .card-info .card-btn-light{background-color:rgba(240,72,72,.1);color:#f04848} .article-body .card.main-site .card-info .card-btn-deep{float:right;margin-right:10px;background-color:#007bf5;color:#fff;line-height:30px} .article-body .tool{border-radius:10px;overflow:hidden;background:#007bf5;padding:10px;transition:all .3s} .article-body .tool span{display:block} .article-body .tool .logo{width:70px;height:70px;float:left;border-radius:60px;overflow:hidden;margin:20px;border:4px solid #fff} .article-body .tool:hover{-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1);-webkit-transform:translateY(-5px)} .article-body .tool .logo img{width:100%;height:100%;margin:0} .article-body .tool .info{float:left;margin:15px;color:#fff;width:80%;position:relative} .article-body .tool .title{font-size:25px;margin:15px 0 0;font-weight:500} .article-body .tool .typename{line-height:30px} .article-body .tool .link{display:inline-block;padding:5px 25px;font-size:15px;line-height:30px;color:#fff;border:1px solid #fff;border-radius:10px;vertical-align:top;position:absolute;right:0;top:25px} .article-tags{padding:10px 10px 5px;background:#fbfbfb;border-radius:5px} .article-tags a{padding:0 10px;background:#fff;border-radius:10px;color:#888;transition:all .3s;margin-right:5px;display:block;float:left;line-height:30px;margin-bottom:5px} .article-tags a:hover{background:#007bf5;color:#fff;transition:all .3s} .article-share{padding:20px 0} .article-share .fl{margin-top:4px} #newdigg a{color:#333;float:left;line-height:45px;border:1px solid #f1f1f1;border-radius:32px;width:180px;text-indent:80px;background-size:50px!important;transition:all .3s;display:block;background:url(../images/yjz.png) no-repeat 20px center} #newdigg a:first-child{margin-right:10px} #newdigg a.wjz{background:url(../images/wjz.png) no-repeat 20px center} .article-tags .fl a:hover{background:#007bf5;color:#fff;transition:all .3s} #newdigg a:hover{border:1px solid #007bf5;color:#007bf5;transition:all .3s} .article-down{padding:20px 0 40px;margin-top:1px;overflow:hidden} .article-down .title{font-size:18px;border-bottom:1px solid #f1f1f1;padding-bottom:8px} .article-down .title a{margin-left:20px;color:#e96161;font-weight:400;font-size:14px;float:right} .article-down .title a:hover{color:red} .article-down .title a i{padding-right:5px} .article-down ul{display:flex;flex-wrap:wrap;gap:5px} .article-down ul li{float:left} .article-down ul li a{display:flex;align-items:center;justify-content:flex-start;gap:10px;background:#f9f9f9;border:1px solid #f1f1f1;border-radius:10px;margin:0;text-align:left;transition:all .3s;overflow:hidden;padding:10px 12px;max-width:100%;flex-wrap:nowrap} .article-down ul li a i{float:none;flex:0 0 20px;margin-right:0;width:20px;height:20px;display:block;border-radius:15px;overflow:hidden;line-height:0;background:0} .article-down ul li a i img{width:100%;height:100%} .article-down .down-server-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0;flex:1 1 auto} .article-down .down-server-name{display:block;min-width:0;flex:1 1 auto;word-break:break-word;line-height:1.5} .article-down .down-free-badge{margin-left:0!important;flex:0 0 auto;max-width:100%} .article-down ul li a:hover{background:#007bf5!important;border:1px solid #007bf5!important} .article-down ul li a:hover,.article-down ul li:hover a{color:#fff!important} .article-page{padding:30px 0} .article-page a{float:left;width:49%;position:relative;cursor:pointer;flex:1 1;height:90px;margin-bottom:10px;color:#fff;background-color:#fff;overflow:hidden;border-radius:10px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;background-size:100%;background-repeat:no-repeat;background-position:50%;transition:all .3s} .article-page a.down{float:right} .article-page a:before{position:absolute;content:"";width:100%;height:100%;left:0;bottom:0;background:rgba(51,51,51,.7);z-index:1} .article-page a .meta{position:relative;z-index:9;color:#fff;font-size:14px;flex:1 1;align-items:flex-start} .article-page a h3{position:relative;z-index:9;color:#fff;margin:0;font-size:14px;line-height:24px} .article-page a:hover{background-size:110%;transition:all .3s} .copyright{padding:20px 20px;border-radius:4px;color:#777;font-size:12px;line-height:20px;border:1px solid #e6e6e6;background-color:#fbfbfb} .copyright .tit{margin-bottom:5px;font-size:18px;font-weight:700;color:#007bf5;text-align:center;letter-spacing:8px} .copyright p{display:block;line-height:30px;margin-bottom:5px;font-size:14px;text-align:justify} .article-pinglun .title{font-size:18px;border-bottom:1px solid #f1f1f1;padding-bottom:8px} .article-about{margin-top:100px;min-height:800px} .article-about .right{width:1000px;border-radius:10px;box-sizing:border-box;padding:20px;background:#fff} .article-about .menu{width:280px;border-radius:10px;box-sizing:border-box;padding:30px;background:#fff} .article-about .menu li{margin-bottom:25px;font-size:16px} .article-about .menu li:last-child{margin-bottom:0} .article-about .menu li i{float:right;font-size:14px;line-height:25px;color:#666} .article-help{border-radius:10px;box-sizing:border-box;padding:20px;background:#fff} .article-help .article-tit h1{border-bottom:1px solid #f1f1f1;text-align:center;padding-bottom:20px} .article-help .article-body{border-bottom:1px solid #f1f1f1;margin-bottom:20px} .tags-page h2{font-weight:400;text-align:center;padding:20px 0;font-size:26px} .tags-page ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-top:10px} .tags-page ul li{float:none;width:auto;background:#1e9fff;text-align:center;margin:0;border-radius:10px;transition:all .3s;content-visibility:auto;contain-intrinsic-size:96px} .tags-page ul li:nth-child(7n+2){background-color:#fca61e} .tags-page ul li:nth-child(7n+3){background-color:#e65a4f} .tags-page ul li:nth-child(7n+4){background-color:#a1c15c} .tags-page ul li:nth-child(7n+5){background-color:#76cba2} .tags-page ul li:nth-child(7n+6){background-color:#8f82bc} .tags-page ul li:nth-child(7n+7){background-color:#f29c9f} .tags-page ul li a{display:flex;flex-direction:column;justify-content:center;min-height:96px;color:#fff;padding:20px 14px;font-size:18px;font-weight:700;line-height:1.45} .tags-page ul li a span{display:block;font-weight:400;font-size:13px;margin-top:5px} .tags-page ul li:hover{-webkit-transform:translateY(-5px);-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1)} body .backdown{position:fixed;bottom:80px;left:55%;width:59px;background:#fff;text-align:center;line-height:50px;color:#333;height:50px;font-size:21px;border-radius:9px;transform:translate(625px,0);cursor:pointer} .article-filepage{border-radius:10px;box-sizing:border-box;padding:50px 60px;background:#fff;width:1000px;margin:100px auto;box-shadow:0 2px 5px rgba(0,0,0,.1);min-height:500px} .article-filepage .sp-title{font-size:22px;padding-bottom:20px;margin-bottom:20px;text-align:center} .article-filepage .sp-title h2 i{margin-right:10px} .article-filepage blockquote{position:relative;margin:25px 0;padding:45px 45px 45px;border:1px solid #f6f6f6;text-align:center;border-radius:10px;font-size:16px} .article-filepage blockquote:before{top:20px;left:20px;background:url(../images/blockquote.png) no-repeat 0 0} .article-filepage blockquote:after,.article-filepage blockquote:before{position:absolute;display:block;width:1pc;height:14px;content:''} .article-filepage blockquote:after{right:20px;bottom:20px;background:url(../images/blockquote.png) no-repeat -1pc 0} .article-filepage p{line-height:30px;font-size:15px;background:#f6f6f6;padding:10px;margin-bottom:10px;text-indent:30px;text-align:center;border-radius:10px;color:#6b6b6b} .article-filepage span{margin-top:50px;display:block;text-align:center} .article-filepage span a{padding:10px 25px;border-radius:10px;color:#fff;margin:0 20px;background:#007bf5} .article-filepage span a:nth-child(2){background:#007bf5} .article-filepage span a:nth-child(3){background:red} .article-filepage span a:nth-child(4){background:#f2f5f9;color:#333} @font-face{font-family:socialshare;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot) format("embedded-opentype"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.svg#iconfont) format("svg")} .social-share{font-family:socialshare!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale} .social-share *{font-family:socialshare!important} .social-share .icon-tencent:before{content:"\f07a"} .social-share .icon-qq:before{content:"\f11a"} .social-share .icon-weibo:before{content:"\f12a"} .social-share .icon-wechat:before{content:"\f09a"} .social-share .icon-douban:before{content:"\f10a"} .social-share .icon-heart:before{content:"\f20a"} .social-share .icon-like:before{content:"\f00a"} .social-share .icon-qzone:before{content:"\f08a"} .social-share .icon-linkedin:before{content:"\f01a"} .social-share .icon-diandian:before{content:"\f05a"} .social-share .icon-facebook:before{content:"\f03a"} .social-share .icon-google:before{content:"\f04a"} .social-share .icon-twitter:before{content:"\f06a"} .social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:0} .social-share .social-share-icon{position:relative;display:inline-block;width:33px;height:33px;border-radius:50%;color:#fff;text-align:center;vertical-align:middle;transition:background .6s ease-out 0s;line-height:33px} .social-share .social-share-icon:hover{color:#fff} .social-share .icon-weibo{background:#ec363d;color:#fff} .social-share .icon-weibo:hover{background:#ec363d} .social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7} .social-share .icon-tencent:hover{background:#56b6e7} .social-share .icon-qq{background:#56b6e7;color:#fff} .social-share .icon-qq:hover{background:#56b6e7} .social-share .icon-qzone{background:#fdbe3d;color:#fff} .social-share .icon-qzone:hover{background:#fdbe3d} .social-share .icon-douban{color:#33b045;border-color:#33b045} .social-share .icon-douban:hover{background:#33b045} .social-share .icon-linkedin{color:#0077b5;border-color:#0077b5} .social-share .icon-linkedin:hover{background:#0077b5} .social-share .icon-facebook{color:#44619d;border-color:#44619d} .social-share .icon-facebook:hover{background:#44619d} .social-share .icon-google{color:#db4437;border-color:#db4437} .social-share .icon-google:hover{background:#db4437} .social-share .icon-twitter{color:#55acee;border-color:#55acee} .social-share .icon-twitter:hover{background:#55acee} .social-share .icon-diandian{color:#307dca;border-color:#307dca} .social-share .icon-diandian:hover{background:#307dca} .social-share .icon-wechat{position:relative;background:#11ac36;color:#fff} .social-share .icon-wechat:hover{background:#11ac36} .social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms} .social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px} .social-share .icon-wechat .wechat-qrcode.bottom:after{display:none} .social-share .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} .social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} .social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important} .social-share .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0} .social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .social-share .icon-wechat:hover .wechat-qrcode{display:block} .mobile-share-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.5)} .mobile-share-bg .top_tips{display:none;position:absolute;left:0;top:0;width:100%;height:32px;line-height:32px;font-size:14px;background:rgba(255,235,155,.95);color:#a65018;text-align:center} @media (min-width:992px){.mobile-share-bg .top_tips{display:none!important} } .mobile-share-wrap{position:fixed;width:100%;height:80%;left:0;top:40px;z-index:100000;text-align:center} .mobile-share-wrap img{position:relative;max-height:100%;max-width:96%;width:auto;display:block;margin:0 auto} .mobile-share-wrap .loading{display:inline-block;padding:8px 25px;text-align:center;font-size:14px;margin-top:40%;line-height:20px;color:#666;background:#fff;border-radius:3px} @media screen and (max-width:1520px){.container{width:1300px} .article-main .left{width:940px} .article-main .right.public{width:340px} body .backdown{left:53%} } @media screen and (max-width:1320px){.container{width:1200px} .article-main .left{width:890px} .article-main .right.public{width:290px} body .backdown{left:49%} } @media (min-width:992px){.mobile-share-wrap .loading{padding:10px 30px;margin-top:50px} } .mobile-share-wrap .mobile-share-close{position:relative;display:inline-block;margin-top:-25px;width:50px;height:50px;font-size:26px;line-height:48px;font-weight:300;color:#333;border-radius:50%;background:#fefefe;text-align:center;vertical-align:top;font-family:serif;box-shadow:0 0 1px 0 rgba(0,0,0,.2);cursor:pointer} .social-share-icon:before{display:none!important} .social-share a:first-child{margin-left:0} .social-share a:nth-child(2){margin-right:0} .j-mobile-share{background:#666 url(../images/tu.svg) center no-repeat!important;background-size:16px!important} .collect{background:#007bf5 url(../images/collect.svg) center no-repeat!important;background-size:25px!important} .collect.is-pending{opacity:.6;cursor:wait!important;pointer-events:none} .social-share .collect.cover{background-color:#005fc7!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)} .social-share .icon-wechat{background:url(../images/weixin.svg) no-repeat!important;background-size:33px 33px!important} .social-share .icon-qq{background:url(../images/qq.svg) no-repeat!important;background-size:33px 33px!important} .social-share .icon-weibo{background:url(../images/weibo.svg) no-repeat!important;background-size:33px 33px!important} .social-share .icon-qzone{background:url(../images/qzone.svg) no-repeat!important;background-size:33px 33px!important} @media screen and (max-width:800px){.article-top{height:200px} .article-tit h1{font-size:20px} .article-tit .collect{top:-36px} .article-tit .info span{padding:0 10px 0 0} .article-main .left{width:100%;padding:10px} .right.public{display:none} .article-tags .fl,.article-tags .fr{width:100%;text-align:center;float:unset} .article-tags .fr{margin-top:10px} .article-tags .fr a{margin:0 5px} .article-about .menu,.article-about .right{width:100%;margin-bottom:5px;padding:10px} .article-about .menu li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:10px;font-size:14px} .article-about .menu li a{display:inline-block;line-height:30px} .article-about .menu li i{display:none} .article-about{margin-top:80px} .article-about .menu li.hover{background:#007bf5!important} .article-about .menu li.hover a{color:#fff!important} .article-body .tool .info{width:50%;float:left} .article-body .tool .link{display:none} .article-tags .fl a,.article-tags .fr a{display:inline-block;float:unset} .article-down ul{display:block} .article-down ul li{float:none;width:100%} .article-down ul li a{width:100%;box-sizing:border-box;gap:8px;padding:10px 12px;align-items:flex-start} .article-down ul li a i{margin-right:0} .article-down .down-server-meta{width:100%} .article-down .title a{float:none;display:block;margin:10px 0 0;font-size:13px} .tags-page ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:2%} .tags-page ul li{width:auto;margin:0} .article-share .fl,.article-share .fr{width:100%;text-align:center} #newdigg a{width:49%;background-position:1rem center;background-size:2.6rem!important;text-indent:3rem} #newdigg a:first-child{margin:0} #newdigg a:last-child{float:right} .article-share .fl{margin:0 0 15px} .article-filepage{width:100%;padding:50px 20px} .article-filepage .sp-title{font-size:18px} .article-filepage span a{display:block;float:left;margin:5px 0;width:49%;padding:0;line-height:30px} .article-filepage span a:nth-child(2n){float:right} .article-filepage span{margin-top:20px;overflow:hidden} .article-body p iframe{max-height:40rem} } @media screen and (max-width:500px){.article-body p iframe{max-height:15rem} } /* /static/css/article_pagination_cover_20260905.css */ .article-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:32px 0 8px} .article-page a,.article-page a.up,.article-page a.down{position:relative;display:grid;float:none!important;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:13px;width:auto!important;height:auto;min-height:92px;margin:0;padding:9px;overflow:hidden;border:1px solid #e3e9f1;border-radius:14px;background:#fff;color:#26354a;box-shadow:none;box-sizing:border-box;transition:transform .22s ease,border-color .22s ease} .article-page a:only-child{grid-column:1/-1} .article-page a:before,.article-page a:after{display:none!important;content:none!important} .article-page .article-nav-cover{grid-column:1;grid-row:1/3;display:block;align-self:center;width:72px;height:72px;margin:0;border-radius:9px;object-fit:contain;background:#edf1f6;transition:transform .3s ease} .article-page a .meta{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:28px;color:#718096;font-size:11px;line-height:20px} .article-page a .meta .fl,.article-page a .meta .fr{display:inline-flex;float:none;align-items:center;min-width:0;padding:0;border:0;background:transparent} .article-page a .meta .fl{color:#2878df;font-size:12px;font-weight:700;letter-spacing:.06em}.article-page a .meta .fr{white-space:nowrap} .article-page a h3{display:block;grid-column:2;grid-row:2;align-self:center;max-width:100%;margin:0;overflow:visible;color:#26354a;font-size:15px;font-weight:700;line-height:22px;text-overflow:clip;text-shadow:none;word-break:break-word;-webkit-line-clamp:unset} .article-page a.down{grid-template-columns:minmax(0,1fr) 72px}.article-page a.down .article-nav-cover{grid-column:2}.article-page a.down .meta,.article-page a.down h3{grid-column:1;text-align:right}.article-page a.down .meta{flex-direction:row-reverse}.article-page a.down .meta .fl{color:#6f55d9} .article-page a:hover{border-color:#a9c9f2;background-size:auto;box-shadow:none;transform:translateY(-1px)}.article-page a:hover .article-nav-cover{transform:scale(1.025)} .article-page a:focus-visible{border-color:#77aef3;outline:3px solid rgba(74,144,226,.25);outline-offset:2px} body.night .article-page a{border-color:#3d4652;background:#2d3035;color:#e7ebf1;box-shadow:none}body.night .article-page a h3{color:#edf1f6}body.night .article-page a .meta{color:#9ca8b6}body.night .article-page .article-nav-cover{background:#24282e}body.night .article-page a:hover{border-color:#597da9;box-shadow:none} @media screen and (max-width:640px){.article-page{grid-template-columns:1fr;gap:10px;padding:24px 0 4px}.article-page a,.article-page a.up,.article-page a.down{grid-column:1;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;height:auto;min-height:82px;padding:8px;border-radius:12px}.article-page .article-nav-cover,.article-page a.down .article-nav-cover{grid-column:1;grid-row:1/3;align-self:center;width:64px;height:64px;border-radius:8px}.article-page a .meta,.article-page a.down .meta{grid-column:2;grid-row:1;flex-direction:row;text-align:left}.article-page a h3,.article-page a.down h3{grid-column:2;grid-row:2;text-align:left;font-size:14px;line-height:19px}.article-page a:hover{transform:none}.article-page a:hover .article-nav-cover{transform:none}} @media screen and (max-width:360px){.article-page a,.article-page a.up,.article-page a.down{grid-template-columns:56px minmax(0,1fr)}.article-page .article-nav-cover,.article-page a.down .article-nav-cover{width:56px;height:56px}} @media (prefers-reduced-motion:reduce){.article-page a,.article-page .article-nav-cover{transition:none}.article-page a:hover{transform:none}.article-page a:hover .article-nav-cover{transform:none}} /* 免责声明：保持信息级别克制，同时提高长段文字的可读性。 */ .article-main .copyright{position:relative;margin-top:24px;padding:18px 20px;overflow:hidden;border:1px solid #e6e9ee;border-radius:14px;background:linear-gradient(135deg,#fafbfc,#f7f8fa);box-shadow:0 10px 24px -22px rgba(31,45,68,.55);box-sizing:border-box;color:#667085} .article-main .copyright:before{display:none!important;content:none!important} .article-main .copyright p.tit{display:flex;align-items:center;justify-content:center;margin:0 0 9px;color:#596579;font-size:15px;font-weight:700;line-height:23px;letter-spacing:.16em;text-align:center} .article-main .copyright p.tit:before{margin-right:8px;color:#d59a2d;font-family:FontAwesome;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;content:"\f071"} .article-main .copyright p:not(.tit){display:block;margin:0;color:#5f6c7e;font-size:15px;line-height:1.9;text-align:justify;word-break:break-word} .article-main .copyright p a{color:#5279aa;text-decoration:none}.article-main .copyright p a:hover{text-decoration:underline} body.night .article-main .copyright{border-color:#3b4149;background:linear-gradient(135deg,#292c31,#272a2f);box-shadow:none}body.night .article-main .copyright p.tit{color:#d7dde6}body.night .article-main .copyright p.tit:before{color:#e1ab48}body.night .article-main .copyright p:not(.tit){color:#c5ccd5}body.night .article-main .copyright p a{color:#9cbee6} .article-main .copyright-email{display:inline-flex;align-items:center;max-width:100%;margin-left:6px;padding:2px 8px;border:1px solid #dbe4ef;border-radius:999px;background:#f1f5fa;color:#52657d;font-size:13px;font-weight:600;line-height:22px;vertical-align:middle;white-space:nowrap}.article-main .copyright-email>i{margin-right:6px;color:#527fb5;font-size:12px}.article-main .copyright-email .__cf_email__,.article-main .copyright-email a[href^="mailto:"]{padding:0;border:0;background:transparent;color:#5279aa;font:inherit;line-height:inherit} body.night .article-main .copyright-email{border-color:#45515f;background:#323943;color:#c1cad5}body.night .article-main .copyright-email>i{color:#8fb4df}body.night .article-main .copyright-email .__cf_email__,body.night .article-main .copyright-email a[href^="mailto:"]{color:#9cbee6} @media screen and (max-width:640px){.article-main .copyright{margin-top:20px;padding:15px;border-radius:12px}.article-main .copyright p.tit{margin-bottom:8px;font-size:15px;line-height:22px}.article-main .copyright p:not(.tit){font-size:15px;line-height:1.85}.article-main .copyright-email{margin:6px 0 0;padding:2px 8px}} /* /static/css/article_soft_20260903.css */ /* ============ 游戏详情页 · 现代化 UI 2026-07-05 ============ */ /* 独立命名空间 .soft-detail，只增强视觉，不改 article.css 公共样式 */ .soft-detail{--ad-accent:#5b8def;--ad-accent-2:#7ea6f5;--ad-radius:16px} /* ---------- 主体卡片化 ---------- */ .soft-detail .article-main>.left{background:#fff;border-radius:var(--ad-radius);box-shadow:0 16px 40px -26px rgba(15,30,60,.35);box-sizing:border-box;padding:24px 26px} /* 面包屑 */ .soft-detail .article-crumbs{color:#8b95a3;font-size:13px;margin-bottom:14px} .soft-detail .article-crumbs a{color:#8b95a3} .soft-detail .article-crumbs a:hover{color:var(--ad-accent)} /* 标题区 */ .soft-detail .article-tit h1{font-size:24px;font-weight:700;line-height:1.35;color:#1f2530} .soft-detail .article-tit h1 .title-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:10px;vertical-align:middle} /* 标题当天角标 */ .soft-detail .article-tit h1 .tit-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;box-sizing:border-box;margin-left:10px;padding:0 10px 0 9px;height:24px;font-size:12px;font-weight:600;line-height:24px;color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:999px;letter-spacing:0;white-space:nowrap;box-shadow:0 2px 8px -2px rgba(0,0,0,.28)} .soft-detail .article-tit h1 .title-badges .tit-badge{margin-left:0} .soft-detail .article-tit h1 .tit-badge:before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.3)} .soft-detail .article-tit h1 .tit-badge.is-new{background:#d10f45} .soft-detail .article-tit h1 .tit-badge.is-update{background:#2563eb} .soft-detail .article-tit h1 .tit-badge.is-highlight{background:#e98220;border-color:#f2ad63;box-shadow:0 2px 8px -2px rgba(174,91,13,.3)} .soft-detail .article-tit .info{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;margin-top:10px;color:#8e99a7;font-size:13px;line-height:22px} .soft-detail .article-tit .info span{margin:0;padding:0;float:none} .soft-detail .article-tit .info .article-meta-item{display:inline-flex;align-items:center;min-width:0} .soft-detail .article-tit .info .article-meta-item b{margin-right:3px;color:#697586;font-weight:600;white-space:nowrap} .soft-detail .article-tit .info .game-publisher{max-width:100%;overflow-wrap:anywhere} .soft-detail .article-tit .info .game-publisher:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#86a8cf;flex:0 0 auto} .soft-detail .article-tit .info .game-release-date:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#86a8cf;flex:0 0 auto} .soft-detail .article-tit .info .game-site-updated:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#e5484d;flex:0 0 auto} /* 收藏按钮 */ .soft-detail .article-tit .collect{border:1px solid #e6eaf0;color:#8b95a3;border-radius:999px;transition:all .25s} .soft-detail .article-tit .collect:hover{color:var(--ad-accent);border-color:var(--ad-accent)} .soft-detail .article-tit .collect.cover{color:#fff;background:linear-gradient(135deg,var(--ad-accent),var(--ad-accent-2));border-color:transparent} .soft-detail .article-tit .collect.is-pending{opacity:.6;cursor:wait;pointer-events:none} .soft-detail .social-share .collect.cover{background-color:#4678d0!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)} /* 标签 */ .soft-detail .article-tags a{display:inline-block;padding:4px 12px;margin:0 8px 8px 0;background:#eef3fd;color:var(--ad-accent);border-radius:999px;font-size:12px;transition:all .25s} .soft-detail .article-tags a:hover{background:var(--ad-accent);color:#fff} /* ---------- 下载区（核心）---------- */ .soft-detail .article-down{background:linear-gradient(180deg,#f7faff,#fff);border:1px solid #e6eefb;border-radius:var(--ad-radius);padding:20px 22px;margin:22px 0} .soft-detail .article-down .title{position:relative;min-height:32px;border:0;padding:0 0 16px;display:flex;align-items:center;justify-content:center;color:#1f2530} .soft-detail .article-down .title:before{display:none} .soft-detail .article-down .download-title-label{display:inline-flex;align-items:center;justify-content:center;color:#1f2530;font-size:22px;font-weight:800;line-height:32px} .soft-detail .article-down .download-title-label:before{content:"\f019";margin-right:9px;color:var(--ad-accent);font-family:FontAwesome;font-size:20px;font-weight:400} .soft-detail .article-down .download-title-actions{position:absolute;top:1px;right:0;display:flex;align-items:center;gap:8px} .soft-detail .article-down .title a{display:inline-flex;align-items:center;justify-content:center;float:none;min-height:30px;margin:0;padding:5px 12px;border:1px solid transparent;border-radius:999px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:500;line-height:18px;transition:background-color .2s,border-color .2s} .soft-detail .article-down .title a i{margin-right:4px} .soft-detail .article-down .title .help-center-entry{border-color:#ffc928;background:#ffc928;color:#24272d} .soft-detail .article-down .title .help-center-entry:hover{border-color:#ffd95c;background:#ffd95c;color:#17191d} .soft-detail .article-down .title .game-update-entry{border-color:#4f86e8;background:#4f86e8;color:#fff} .soft-detail .article-down .title .game-update-entry:hover{border-color:#3f75d5;background:#3f75d5;color:#fff} .soft-detail .article-down .title .resource-report-entry{border-color:#ff7a45;background:#ff7a45;color:#fff} .soft-detail .article-down .title .resource-report-entry:hover{border-color:#ed6634;background:#ed6634;color:#fff} .soft-detail .article-down .download-help-hint{display:block;margin:14px 0 0;padding:11px 14px;border:1px solid #e7ecf2;border-radius:8px;background:#f7f9fc;color:#647184;font-size:14px;line-height:25px;overflow-wrap:break-word} .soft-detail .article-down .download-help-hint strong{display:inline;margin-right:4px;color:#465468;font-weight:600}.soft-detail .article-down .download-help-hint span{display:inline} /* 网盘按钮网格 */ .soft-detail .article-down ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0} .soft-detail .article-down ul li{margin:0;list-style:none} .soft-detail .article-down .downbtn{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:9px 13px;background:#fff;border:1px solid #e6eefb;border-radius:10px;color:#2b323d;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s} .soft-detail .article-down .downbtn:hover{transform:translateY(-2px);border-color:var(--ad-accent);box-shadow:0 10px 20px -12px rgba(91,141,239,.55)} .soft-detail .article-down .downbtn i{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center} .soft-detail .article-down .downbtn i img,.soft-detail .article-down .downbtn i svg{display:block;width:28px;height:28px;border-radius:7px;object-fit:contain} .soft-detail .article-down .downbtn .down-server-meta{display:inline-flex;align-items:center;min-width:0} .soft-detail .article-down .downbtn .down-server-name{font-size:14px;font-weight:600;color:#2b323d} /* ---------- 简介正文 ---------- */ .soft-detail .article-body{line-height:1.9;color:#3a424e} .soft-detail .article-body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0} /* ---------- 免责声明 ---------- */ .soft-detail .copyright{background:#f7f9fc;border-radius:12px;padding:16px 18px;margin-top:22px} .soft-detail .copyright .tit{font-weight:700;color:#8b95a3;margin-bottom:6px} .soft-detail .copyright p{color:#9aa3b0;font-size:12px;line-height:1.8} /* ---------- 上/下篇 ---------- */ .soft-detail .article-page .up,.soft-detail .article-page .down{border-radius:12px;overflow:hidden} /* ---------- 分享/点赞行 ---------- */ .soft-detail .article-share{margin:18px 0} /* ---------- 悬浮下载按钮（用字面色，.backdown 在 .soft-detail 外取不到变量）---------- */ .backdown{background:linear-gradient(135deg,#5b8def,#7ea6f5)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(91,141,239,.35)!important} .backdown:hover{background:linear-gradient(135deg,#4f7fe0,#6d97ec)!important} body.night .backdown{background:linear-gradient(135deg,#3a6db5,#4f7cc0)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)!important} /* ---------- 夜间模式 ---------- */ body.night .soft-detail .article-main>.left{background:#292a2d;box-shadow:none} body.night .soft-detail .article-tit h1{color:#e6e8eb} body.night .soft-detail .article-tit h1 .tit-badge.is-highlight{background:#d97716;border-color:#e99a45;color:#fff} body.night .soft-detail .article-tit .info{color:#9ca7b5} body.night .soft-detail .article-tit .info .article-meta-item b{color:#bec7d2} body.night .soft-detail .article-tit .info .game-publisher:before,body.night .soft-detail .article-tit .info .game-release-date:before{background:#6387b0} body.night .soft-detail .article-tit .info .game-site-updated:before{background:#ff6268} body.night .soft-detail .article-down{background:#2a2c30;border-color:#3a3d42} body.night .soft-detail .article-down .title{color:#e6e8eb} body.night .soft-detail .article-down .download-title-label{color:#f1f3f6} body.night .soft-detail .article-down .title .resource-report-entry{border-color:#c96038;background:#c96038;color:#fff} body.night .soft-detail .article-down .title .resource-report-entry:hover{border-color:#db7047;background:#db7047;color:#fff} body.night .soft-detail .article-down .title .help-center-entry{border-color:#e5ad17;background:#e5ad17;color:#17191d} body.night .soft-detail .article-down .title .help-center-entry:hover{border-color:#f2c94c;background:#f2c94c;color:#111317} body.night .soft-detail .article-down .title .game-update-entry{border-color:#416fae;background:#416fae;color:#fff} body.night .soft-detail .article-down .title .game-update-entry:hover{border-color:#5081c3;background:#5081c3;color:#fff} body.night .soft-detail .article-down .download-help-hint{border-color:#3b434e;background:#2a2f36;color:#aeb8c5}body.night .soft-detail .article-down .download-help-hint strong{color:#d3dbe5} body.night .soft-detail .article-down .downbtn{background:#323335;border-color:#3a3d42;color:#c0c4cc} body.night .soft-detail .article-down .downbtn .down-server-name{color:#d4d8de} body.night .soft-detail .article-down .downbtn[data-server="正版购买"] .down-server-icon{fill:#66c0f4} body.night .soft-detail .article-down .downbtn:hover{border-color:var(--ad-accent)} body.night .soft-detail .article-tags a{background:#2a3a4d;color:#8bb0f7} body.night .soft-detail .copyright{background:#232427} /* ---------- 响应式 ---------- */ @media screen and (max-width:800px){ .soft-detail .article-main>.left{padding:16px 14px;border-radius:14px} .soft-detail .article-tit h1{font-size:20px} .soft-detail .article-tit h1 .article-title-text{display:block} .soft-detail .article-tit h1 .title-badges{display:flex;align-items:center;gap:6px;margin:8px 0 0} .soft-detail .article-tit .info{align-items:flex-start;gap:5px 0;font-size:13px;line-height:21px} .soft-detail .article-tit .info .article-meta-item{width:100%;flex:0 0 100%} /* 手机端收藏按钮改静态，避免上浮遮挡面包屑/分类 */ .soft-detail .article-tit{position:relative} .soft-detail .article-tit .collect{position:static!important;top:auto!important;right:auto!important;display:inline-flex;align-items:center;margin-top:12px} .soft-detail .article-down{padding:16px 14px} .soft-detail .article-down .title{min-height:0;flex-direction:column;row-gap:10px} .soft-detail .article-down .download-title-label{font-size:20px;line-height:30px} .soft-detail .article-down .download-title-actions{position:static;gap:6px;margin:0} .soft-detail .article-down .title a{padding:5px 9px;white-space:nowrap} .soft-detail .article-down ul{grid-template-columns:repeat(2,1fr);gap:10px} .soft-detail .article-down .downbtn{padding:10px 12px;gap:9px;font-size:14px} .soft-detail .article-down .downbtn i,.soft-detail .article-down .downbtn i img,.soft-detail .article-down .downbtn i svg{width:32px;height:32px} } @media screen and (max-width:420px){ .soft-detail .article-down ul{grid-template-columns:1fr} } /* 夜间正文：public.css 漏了 h4 等标题，补浅色，避免深底看不清 */ body.night .soft-detail .article-body,body.night .soft-detail .article-body h1,body.night .soft-detail .article-body h2,body.night .soft-detail .article-body h3,body.night .soft-detail .article-body h4,body.night .soft-detail .article-body h5,body.night .soft-detail .article-body h6,body.night .soft-detail .article-body li{color:#c8ccd2} /* /static/css/article_title_badges_20260909.css */ .soft-detail .article-tit h1 .title-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:10px;vertical-align:middle} .soft-detail .article-tit h1 .title-badges .tit-badge{margin-left:0} @media screen and (max-width:800px){ .soft-detail .article-tit h1 .article-title-text{display:block} .soft-detail .article-tit h1 .title-badges{display:flex;align-items:center;gap:6px;margin:8px 0 0} } /* /static/css/article_online_fix_full_20260913.css */ /* Full, server-rendered guide. Scoped to avoid article heading/list overrides. */ .soft-detail .article-body .online-fix-guide{--of-bg:#f7f9fc;--of-border:#e0e6ed;--of-text:#4e5d6e;--of-heading:#2f4257;--of-number:#557ca7;box-sizing:border-box;display:block;margin:28px 0 4px;padding:24px 26px;border:1px solid var(--of-border);border-radius:12px;background:var(--of-bg);color:var(--of-text);font-size:16px;line-height:1.85;overflow-wrap:anywhere} .soft-detail .article-body .online-fix-guide-head{display:block;position:static;width:auto;height:auto;margin:0 0 20px;padding:0;background:transparent;box-shadow:none;overflow:visible} .soft-detail .article-body .online-fix-guide h3{display:block;position:static;z-index:auto;margin:0 0 16px;padding:0 0 16px;border:0;border-bottom:1px solid var(--of-border);background:transparent;color:var(--of-heading);font-size:22px;font-weight:700;line-height:1.5;text-align:center;cursor:default} .soft-detail .article-body .online-fix-guide h3:before,.soft-detail .article-body .online-fix-guide h3:after{display:none;content:none} .soft-detail .article-body .online-fix-guide-head p{margin:0;padding:0;color:var(--of-text);font-size:16px;line-height:1.85;text-align:left} .soft-detail .article-body .online-fix-guide h4.online-fix-guide-subtitle{display:block;margin:0 0 14px;padding:0;border:0;background:transparent;color:var(--of-heading);font-size:17px;font-weight:700;line-height:1.6;text-align:left} .soft-detail .article-body .online-fix-guide .online-fix-guide-list{counter-reset:online-fix-item;display:block;margin:0;padding:0;list-style:none;color:var(--of-text);font-size:16px;line-height:1.85} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li{counter-increment:online-fix-item;position:relative;display:block;margin:0 0 18px;padding:0 0 0 40px;list-style:none;border:0;background:transparent;color:var(--of-text)} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li:last-child{margin-bottom:0} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li:before{content:counter(online-fix-item);position:absolute;top:2px;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:26px;height:26px;border:1px solid var(--of-border);border-radius:7px;background:transparent;color:var(--of-number);font-size:14px;font-weight:700;line-height:1} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li>strong{display:block;margin:0 0 4px;color:var(--of-heading);font-size:16px;font-weight:700;line-height:1.7} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li p{margin:0!important;padding:0!important;color:var(--of-text);font-size:16px!important;line-height:1.85;text-align:left} .soft-detail .article-body .online-fix-guide strong{color:var(--of-heading);font-weight:600} .soft-detail .article-body .online-fix-guide .online-fix-guide-note{margin:20px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--of-text);font-size:15px;line-height:1.85;text-align:left} .soft-detail .article-body .online-fix-guide-note>span{color:var(--of-number)} body.night .soft-detail .article-body .online-fix-guide{--of-bg:#292f36;--of-border:#424d5a;--of-text:#bec8d3;--of-heading:#e0e6ed;--of-number:#a3bedb} @media(max-width:800px){ .soft-detail .article-body .online-fix-guide{margin-top:22px;padding:19px 16px;border-radius:10px;font-size:15px} .soft-detail .article-body .online-fix-guide h3{font-size:20px;margin-bottom:14px;padding-bottom:14px} .soft-detail .article-body .online-fix-guide-head{margin-bottom:18px} .soft-detail .article-body .online-fix-guide-head p{font-size:15px} .soft-detail .article-body .online-fix-guide h4.online-fix-guide-subtitle{font-size:16px} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li{padding-left:34px;margin-bottom:16px} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li:before{width:24px;height:24px;font-size:13px} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li>strong{font-size:16px} .soft-detail .article-body .online-fix-guide .online-fix-guide-list>li p{font-size:15px!important} .soft-detail .article-body .online-fix-guide .online-fix-guide-note{font-size:14px;margin-top:18px} } /* /static/css/article_video_responsive_20260824.css */ /* Keep embedded game trailers at their native 16:9 ratio on every viewport. */ .soft-detail .article-body iframe.game-video-player, .soft-detail .article-body iframe[src*="/tool/video/play.html"], .soft-detail .article-body iframe[src*="/tool/video/m3u8.php"] { display: block; box-sizing: border-box; width: 100% !important; height: auto !important; max-width: 100%; max-height: none; aspect-ratio: 16 / 9; margin: 8px 0 18px; overflow: hidden; border: 0; border-radius: 8px; background: #000; } /* /static/css/public.css */ body{background:#eff1f3;font-size:14px;min-width:1400px} .container{width:1400px;margin:0 auto} .fl,.left{float:left} .fr,.right{float:right} input{-webkit-appearance:none} img{max-width:100%;height:auto;object-fit:cover;border:0;vertical-align:text-top} ::-webkit-scrollbar{width:9px;height:9px} ::-webkit-scrollbar-track{background-color:transparent;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em} ::-webkit-scrollbar-thumb{background-color:#0093ff;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em} @keyframes searchLights{0%{left:-200%;top:0} to{left:100%;top:100px} } header{position:fixed;top:0;right:0;left:0;z-index:10000;width:100%;height:70px;background:rgb(255 255 255/80%);box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-backdrop-filter:saturate(2) blur(20px);backdrop-filter:saturate(2) blur(20px)} header .logo{width:180px;padding:8px 0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} header .logo img{width:100%} header .logo a{animation:shine .1s infinite linear;position:relative;overflow:hidden;display:block} header .logo a:before{content:"";position:absolute;left:-200%;width:200%;height:20px;background-image:linear-gradient(0,transparent 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 80%);background-color:rgba(255,255,255,.62);transform:rotate(-60deg);animation:searchLights 2s ease-in 2s infinite;z-index:3;pointer-events:none} header .menu{display:none;transition:all .3s;-webkit-transition:all .3s} header .layui-nav .layui-nav-item a{color:#666} header .layui-nav .layui-this a{color:#007bf5} header .layui-nav .layui-nav-item a:hover{color:#007bf5} header nav{padding:0 0 0 80px} header nav ul li{line-height:70px!important} header nav ul li i{margin-right:5px} header nav ul li:nth-child(2) i{color:#000} header nav ul li:nth-child(3) i{color:#00a115} header nav ul li:nth-child(4) i{color:#44a5ff} header nav ul li:nth-child(5) i{color:red} header nav ul li:nth-child(6) i{color:#ff9800} header nav ul li:nth-child(7) i{color:#7c28e7} header nav ul li:nth-child(8) i{color:#134dd5} header nav ul li:nth-child(9) i{color:#134dd5} header .layui-nav{background:0 0;color:#666} header .layui-nav{background:0 0;color:#666} header .layui-nav .layui-this:after{width:30%;margin:0 35%;display:none} header .layui-nav .layui-nav-item:after{background-color:#007bf5;border-radius:10px} header .layui-nav-bar{display:none} header.su nav ul li{line-height:50px!important} header.su{height:50px;transition:all .3s;-webkit-transition:all .3s} header.su .logo{padding:9px 0;width:120px;transition:all .3s;-webkit-transition:all .3s} header.su .menu,header.su .night-open,header.su .search-open,header.su .user-open{line-height:50px;transition:all .3s;-webkit-transition:all .3s} header .login-open{line-height:70px;transition:all .3s;-webkit-transition:all .3s} header .login-open a{color:#333} header .night-open,header .search-open,header .user-open{color:#333;line-height:70px;width:30px;text-align:center;margin-left:10px;transition:all .3s;-webkit-transition:all .3s;cursor:pointer;position:relative} header .user-open .tx{width:25px;height:25px;border-radius:50%;border:1px solid #f6f6f6;vertical-align: middle;padding:2px;transition:all .3s} header .user-open .tx.hover{border:1px solid #007bf5} header .user-open .user-open-box{padding-top:14px;position:absolute;z-index:100001;right:-20px;top:60px;-webkit-transition:all .3s;line-height:20px} header.su .user-open .user-open-box{top:40px} @keyframes pop-in{0%{transform:scale(.1,.1);opacity:.1} 80%{transform:scale(1.1,1.1)} 100%{transform:scale(1,1);opacity:1} } header .user-open .user-open-info i{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #fff;position:absolute;top:-13px;right:27px;z-index:1} header .user-open .user-open-info.hover{display:block;animation:pop-in;transform-origin:50% top;animation-duration:.15s;animation-fill-mode:both;animation-timing-function:ease-out} header .user-open .user-open-info{width:245px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:7px;padding:20px 25px;display:none;text-align:left;animation:pop-in;transform-origin:50% top;animation-duration:.15s;animation-fill-mode:both;animation-timing-function:ease-out} header .user-open .user-open-info .user-open-name{width:100%;overflow:hidden;line-height:20px} header .user-open .user-open-info .user-open-name .face{width:40px;height:40px;border-radius:50px} header .user-open .user-open-info .user-open-name .xm{text-align:left;margin-left:10px} header .user-open .user-open-info .user-open-name .xm em{font-style:inherit;font-size:12px;color:#888} header .user-open .user-open-info .user-open-name .logined_btn a{display:block;color:#888;font-size:12px;margin:0;height:auto} header .user-open .user-open-info .user-open-ul{height:auto;text-overflow:clip;white-space:inherit;overflow:hidden;border-top:1px solid #f6f6f6;padding:5px 0 0;color:#adadad;margin-top:15px} header .user-open .user-open-info .user-open-ul li{width:23%;float:left;margin-right:2.6%} header .user-open .user-open-info .user-open-ul li:last-child{margin-right:0} header .user-open .user-open-info .user-open-ul a{display:block;padding:10px 0 0;text-align:center;border-radius:10px;color:#888;font-size:12px;margin:0;height:auto;float:initial} header .user-open .user-open-info .user-open-ul a b{display:block;font-size:20px;background:#f6f6f6;border-radius:28px;width:40px;height:40px;margin:0 auto 5px;line-height:40px;font-weight:100} #searchBox{display:none;width:0;height:0;overflow:hidden} #search{width:678px;height:230px;overflow:hidden;border-radius:4px;background-color:#fff;-webkit-user-select:none;z-index:99;padding:40px;box-sizing:border-box} #search .closesearch{font-size:21px;position:absolute;right:24px;top:24px;color:#b3b3b3;cursor:pointer;z-index:1} #search .closesearch:hover{color:#007bf5} .searchskin .layui-layer-close{display:none} #search .search input.txt{height:40px;width:100%;text-indent:15px;line-height:40px;border:0;border-radius:10px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px} #search .search input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888} #search h3{font-size:25px;text-align:center} #search .search{margin:33px auto;position:relative} #search p{margin:35px auto 0;font-size:14px} #search p strong{display:block;margin-bottom:11px;font-weight:500;font-size:16px} #search p a{color:#999;padding:4px 10px;background:#f1f1f1;margin:0 5px 5px 0;border-radius:10px;font-size:14px;display:block;float:left;transition:all .3s} #search p a:hover{background:#007bf5;color:#fff} header .search-box.suo{top:50px;transition:all .3s;-webkit-transition:all .3s} .title{font-size:20px;font-weight:800;margin-bottom:20px} .title span{font-size:14px;color:#888;font-weight:100} .title .more{font-size:14px;color:#888;font-weight:400;line-height:30px;background:#fff;padding:0 15px;border-radius:10px} .title .more i{margin-left:10px} footer .footer{padding:30px 0 60px;text-align:center;color:#888} footer .footer ul li{display:inline;padding:0 5px;border-right:1px solid #d2d2d2} footer .footer ul li:last-child{border-right:0} footer .footer ul li a{color:#888} .pages{text-align:center;display:block;font-size:14px;margin:10px 0 0;color:#666} .pages li{display:inline} .pages li a{padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display:inline-block;line-height:30px;color:#007bf5;margin:15px 5px 0 5px} .pages li a:hover{color:#1b8eff} .pages .thisclass a{background:#1b8eff;color:#fff;border-color:#1b8eff} .pages .thisclass a:hover{color:#fff} .pages .no-result{min-height:300px;padding-top:70px} .pages .no-result h2{display:block;text-align:center;line-height:40px;font-size:22px;font-weight:700;color:#333} .pages .no-result h2 span{display:block;font-size:14px;font-weight:400} .pages .no-result .search-box{margin:20px auto;position:relative;width:50%} .pages .no-result .search-box input.txt{height:40px;width:100%;text-indent:30px;line-height:40px;border:0;border-radius:10px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px} .pages .no-result .search-box input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888} .pages input[name=PageNo],.pages input[name=plistgo]{display:none} .right.public{width:380px;position:sticky;top:86px} .right.public.is-taller-than-viewport{position:static;top:auto} .right.public .ad{width:100%;border-radius:10px;background:#fff;overflow:hidden;transition:all .3s;margin-bottom:20px} .right.public .ad:hover{-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1);-webkit-transform:translateY(-5px)} .right.public .ad img{width:100%} .right.public .title{border-bottom:1px solid #f6f6f6;font-size:15px;line-height:35px;height:35px;padding-bottom:8px;position:relative;font-weight:400} .right.public .title:after{content:" ";position:absolute;height:2px;width:30px;background:#007bf5;left:0;top:42px;border-radius:10px;transition:all .5s} .right.public .cnxh{border-radius:10px;background:#fff;padding:15px} .right.public .cnxh:hover .title:after{width:40px} .right.public .cnxh li{overflow:hidden;margin:15px 0;border-radius:10px} .right.public .cnxh li .img{width:90px;height:70px;overflow:hidden;border-radius:10px;border:1px solid #f1f1f1;float:right} .right.public .cnxh li .img img{width:100%;height:100%;object-fit:cover} .right.public .cnxh li .tit{float:left;width:calc(100% - 105px);padding-top:6px} .right.public .cnxh li .tit h4{display:-webkit-box;height:40px;min-height:40px;overflow:hidden;font-size:14px;line-height:20px;margin-bottom:5px;font-weight:400;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2} .right.public .cnxh li .tit span{font-size:12px;color:#999;line-height:20px} .right.public .cnxh li:last-child{border-bottom:0;margin-bottom:0} .right.public .cnxh li:first-child{margin-top:0} .right.public .rmrj li{overflow:hidden;margin:5px 0;padding-bottom:5px} .right.public .rmrj li .img{width:40px;height:40px;overflow:hidden;border-radius:10px;border:1px solid #f1f1f1;float:left;margin-right:10px;margin-left:5px} .right.public .rmrj li .img img{width:100%;height:100%} .right.public .rmrj li .tit{float:left;width:calc(100% - 70px);padding-top:4px} .right.public .rmrj li .tit h4{font-size:14px;line-height:18px;margin-bottom:0;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .right.public .rmrj li .tit span{font-size:12px;color:#999;line-height:20px} .right.public .rmrj li:last-child{border-bottom:0;padding-bottom:0} .right.public .r-list{border-radius:10px;background:#fff;padding:15px;margin-bottom:20px} .right.public .r-list .rank-head{display:flex;align-items:center;height:28px;color:#242a33;font-size:15px} .right.public .r-list .rank-head i{margin-right:7px;color:#f6a700;font-size:14px} .right.public .r-list .rank-head strong{font-weight:700} .right.public .r-list .bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:38px;margin-top:4px;border-bottom:1px solid #f3f3f3} .right.public .r-list .bar li{height:38px;margin:0;padding:0;list-style:none} .right.public .r-list .bar button,.right.public .r-list .bar li[data-id]{display:block;width:100%;height:38px;padding:0;border:0;border-bottom:2px solid transparent;box-sizing:border-box;background:transparent;color:#333;cursor:pointer;font:normal 15px/36px inherit;text-align:center} .right.public .r-list .bar button.sel,.right.public .r-list .bar li[data-id].sel{border-bottom-color:#007bf5;color:#007bf5;font-weight:700} .right.public .r-list .bar button:focus-visible{outline:2px solid #78b9ff;outline-offset:-2px} .right.public .r-list .bd{display:none;margin-top:10px} .right.public .r-list .bd.sel{display:block} .right.public .r-list .order li{height:30px;line-height:30px} .right.public .r-list .order li a{display:flex;align-items:center;width:100%;min-width:0;border-radius:5px;position:relative;font-size:14px;transition:background-color .2s,color .2s} .right.public .r-list .order li a:hover{background:#f3f8ff;color:#007bf5} .right.public .r-list .order li a span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .right.public .r-list .order li:nth-child(1) a i{background:#007bf5;color:#fff} .right.public .r-list .order li:nth-child(2) a i{background:#389cff;color:#fff} .right.public .r-list .order li:nth-child(3) a i{background:#87c3ff;color:#fff} .right.public .r-list .order li:nth-child(4) a i{background:#bedfff;color:#fff} .right.public .r-talk{border-radius:10px;background:#fff;padding:15px} .right.public .r-talk ul li{padding:0 0 12px;border-bottom:1px solid #f6f6f6;margin-bottom:5px!important;padding-right:0!important} .right.public .r-talk ul li:last-child{border:none;margin-bottom:0!important;padding:0} .right.public .r-talk ul .right.public .r-talk ul .info{padding:0!important;line-height:32px} .right.public .r-talk ul .info img{width:30px;height:30px;margin-right:6px;border-radius:50%;border:1px solid #f3f3f3} .right.public .r-talk ul .info span:nth-child(2){vertical-align:top;line-height:32px;color:#666} .right.public .r-talk ul .info span:last-child{float:right;line-height:32px;color:#999;font-size:13px} .right.public .r-talk ul .excerpt{position:relative;padding:5px 10px;background:#f6f6f6;color:#666;margin-top:8px;border-radius:10px} .right.public .r-talk ul .excerpt:before{position:absolute;left:10px;top:-10px;content:'';width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5} .right.public .r-talk ul .excerpt p{margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2} .right.public .r-talk ul .excerpt p a{font-size:15px!important;line-height:25px!important;height:25px!important} .right.public .r-talk ul .post{color:#999;margin-top:9px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .right.public .r-talk ul .post a{color:#999;display:inline!important;font-size:13px!important} .right.public .r-list .order a i{display:inline-block;flex:0 0 20px;vertical-align:middle;font-style:normal;margin-right:7px;background:#f3f3f3;width:20px;text-align:center;border-radius:10px;color:#696969;font-size:12px;height:20px;line-height:20px} .right .sjmh{background:#fff;margin:0 auto 20px;position:relative;z-index:999;border-radius:10px;padding:40px;text-align:center} .right .sjmh h4{font-size:20px;font-weight:700} .right .sjmh h4 .blindbox-entry{color:inherit;transition:color .2s} .right .sjmh h4 .blindbox-entry:hover{color:#007bf5} .right .sjmh .blindbox-entry-button{border-color:#007bf5;border-radius:8px;background:#007bf5;color:#fff} .right .sjmh .blindbox-entry-button:hover{border-color:#268fff;background:#268fff;color:#fff} .right .sjmh .blindbox-ed-entry{border-color:#b9d9ff;border-radius:8px;background:#eef6ff;color:#007bf5} .right .sjmh .blindbox-ed-entry:hover{border-color:#007bf5;background:#e2f0ff;color:#0067d4} body.night .right .sjmh .blindbox-ed-entry{border-color:#315d87;background:#202d3a;color:#65b4ff} body.night .right .sjmh .blindbox-ed-entry:hover{border-color:#268fff;background:#26394c;color:#8bc7ff} .right .sjmh #btn{border:0;padding:5px 30px;line-height:30px;border-radius:10px;background:#007bf5;color:#fff} .right .sjmh .search{margin:20px auto;position:relative} .right .sjmh .search input.txt{height:40px;width:100%;text-indent:30px;line-height:40px;border:0;border-radius:10px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px} .right .sjmh .search input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888;display:none} .fix-bottom{position:fixed;bottom:20px;left:50%;z-index:1000;margin-left:280px;width:370px} .at-bottom{position:absolute;bottom:0;top:initial;z-index:1000;right:0;width:370px} body .backtop{display:none;position:fixed;bottom:19px;left:55%;width:59px;background:#fff;text-align:center;line-height:50px;color:#333;height:50px;font-size:21px;border-radius:9px;transform:translate(625px,0);cursor:pointer} span.stars{width:65px;height:16px;background:url(../images/xing.png) repeat-x;background-size:13px;display:inline-block;padding:0!important;position:relative;top:3px} span.stars span{float:left;width:0;height:14px;transition:all .25s ease-out;background:url(../images/xing.png) 0 -17px repeat-x;background-size:13px;padding:0!important} @font-face{font-family:iconfont;src:url(/static/fonts/home_iconfont.1db415aef885.woff2) format('woff2'),url(https://at.alicdn.com/t/c/font_2372324_8ip48xfm8fe.woff?t=1751815894115) format('woff'),url(https://at.alicdn.com/t/c/font_2372324_8ip48xfm8fe.ttf?t=1751815894115) format('truetype')} .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-zhuantitu:before{content:"\e87a"} .icon-shezhi:before{content:"\e654"} .icon-caidan:before{content:"\e624"} .icon-QQ:before{content:"\e882"} .icon-Daytimemode:before{content:"\e821"} .icon-shoucang1:before{content:"\e663"} .icon-xiugai:before{content:"\e65b"} .icon-yonghu:before{content:"\e607"} .icon-pinglun:before{content:"\e61c"} .icon-user:before{content:"\e63c"} .icon-shoucang:before{content:"\e629"} .icon-haibao:before{content:"\e613"} .icon-guanbi:before{content:"\e608"} .icon-sousuo:before{content:"\e658"} .icon-nightmode:before{content:"\e764"} @media screen and (max-width:1520px){body{min-width:1300px} .container{width:1300px} body .backtop{left:53%} header nav{padding:0 0 0 60px} } @media screen and (max-width:1320px){body{min-width:1200px} .container{width:1200px} body .backtop{left:49%} header nav{padding:0 0 0 50px} } @media screen and (max-width:800px){body{min-width:100%} .container{width:95%;margin:auto} #searchBox.layui-layer-page .layui-layer-content{height:15rem} #search{width:98%;margin:auto;height:15rem} #searchBox .layui-layer{width:90%!important;margin:auto;left:5%!important;height:15rem!important} #search p{display:none} header .logo{float:left;margin:auto;width:11rem;height:3.1rem} header .logo img{height:100%;display:block;margin:auto} header.su .logo{padding:0;width:7rem;padding:8px 0 0} header .menu{width:30px;display:block;font-size:15px;margin:0;line-height:70px;text-align:center} header .menu.xz{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)} header .login-open{display:none} header nav ul li a i{display:none!important} header .search-box .search,header .search-box p{width:90%} header .search-box p{margin:3rem auto 0} header .search-box p a{display:inline-block;height:1rem;line-height:1rem;margin:5px} header .search-box .search input[type=text]{line-height:3rem;height:3rem} header nav{background:#fff;width:100%;padding:0;position:absolute;left:0;top:71px;box-shadow:3px 3px 3px rgba(0,0,0,.1);border-radius:0 0 5px 5px;transition:all .3s ease-in-out} body.night header nav{background:#323335} header .layui-nav{padding:10px 5px;display:none} header.su nav{top:51px;transition:all .3s} .layui-nav .layui-nav-item{line-height:30px!important;background:#f6f6f6;margin:5px;border-radius:10px} header .layui-nav .layui-this{background:#007bf5!important} header .layui-nav .layui-this a{color:#fff!important} .pages{margin:0} .pages li a{margin:5px} footer{margin-top:10px} footer .footer ul li{padding:5px} body .backtop{display:none} footer .footer p{margin-bottom:10px;width:100%} footer .footer ul{margin-bottom:15px;width:100%} header .layui-nav .layui-nav-item a:hover{color:#fff} body.night .article-about .menu li,body.night .layui-nav .layui-nav-item,body.night .list-nav li{background:#252525} .pages .no-result .search-box{width:90%} header .user-open{margin-right:15px} header .user-open .user-open-box{right:-19px} } body.night,body.night #search,body.night #searchBox .layui-layer,body.night .article-body blockquote,body.night .article-body h5,body.night .article-body h6,body.night .article-down ul li a,body.night .article-filepage p,body.night .article-filepage span a,body.night .article-tags,body.night .article-tags .fl a,body.night .article-tags .fr a,body.night .copyright,body.night .index-news .news-type a,body.night .index-user-info ul,body.night .layui-colla-title,body.night .list-article-plate .fr li:hover a,body.night .list-cover-main li,body.night .list-main .article>ul .tit span,body.night .list-main .left>ul li span,body.night .list-main .left>ul li:after,body.night .list-main .soft.list>ul li span.type,body.night .list-main .soft.list>ul li:after,body.night .list-special-main .box-list-item .item-in,body.night .night-bgs,body.night .qy-comment .b-box-textarea .b-box-textarea-body,body.night .right.public .r-talk ul .excerpt,body.night .site-info .data,body.night .site-info .web .fl li span,body.night .site-more ul li,body.night .special-main .special-box .box-list-item .item-in,body.night .user-box .layui-input,body.night .user-comment .list ul li p,body.night .user-info .data ul li,body.night .user-info .list li span,body.night .vip-tips,body.night .hot-soft .plate-list li p span a{background:#323335} body.night #search .search input.txt,body.night #search p a,body.night .article-about .menu,body.night .article-about .right,body.night .article-body,body.night .article-filepage,body.night .article-main .left,body.night .article-tags a,body.night .article-tit,body.night .backtop,body.night .index-link ul,body.night .index-list .list-article-main,body.night .index-list .list-soft-main,body.night .index-list .list-special-main,body.night .index-login,body.night .index-news .news-type a.hover,body.night .index-news .page,body.night .index-news .title .mun,body.night .index-news-list,body.night .index-news-list ul li,body.night .index-quan .li-quan,body.night .index-tool-list,body.night .layui-layer,body.night .layui-layer-title,body.night .list-cover-main,body.night .list-main .fl,body.night .list-main .left,body.night .list-main .soft>ul .list-btn,body.night .list-nav,body.night .list-special-main .box-list-item .item-in .in-btn a,body.night .night-bg,body.night .right .sjmh,body.night .right .sjmh .search input.txt,body.night .right.public .cnxh,body.night .right.public .cnxh ul,body.night .right.public .r-list,body.night .right.public .r-talk,body.night .right.public .rmrj ul,body.night .shop-list .li-quan,body.night .site-info,body.night .site-list ul li,body.night .site-more,body.night .site-nav,body.night .site-pinglun,body.night .special-main .special-box .box-list-item .item-in .in-btn a,body.night .title .more,body.night .user-box,body.night .user-login .layui-input,body.night .user-login .login,body.night .user-menu li.hover,body.night header{background:#292a2d} .night .night-color,body.night,body.night #newdigg a,body.night .article-about .menu li a,body.night .article-about .right h2,body.night .article-body h2,body.night .article-body h3,body.night .article-body h5,body.night .article-body h6,body.night .article-body h6 span,body.night .article-body p,body.night .article-down ul li a,body.night .article-filepage span a,body.night .article-tit .collect,body.night .article-tit h1,body.night .backtop,body.night .hot-soft .plate-list li .txt,body.night .index-box .search-box .txt,body.night .index-box .search-box .txt::placeholder,body.night .index-login .wdl,body.night .index-news-list ul li .tit,body.night .index-news-list ul li span a,body.night .index-quan .li-quan .desc-wrap .product-title-wrap .product-title,body.night .index-tool-list li a,body.night .layui-colla-content,body.night .layui-colla-title,body.night .layui-layer-title,body.night .list-article-plate .fr li a,body.night .list-article-tab .type a,body.night .list-cover-main .tit h3,body.night .list-main .article>ul .info .detail,body.night .list-main .article>ul .tit a,body.night .list-main .cover ul li .tit h3,body.night .list-main .left>ul li .tit,body.night .list-main .soft.list>ul li .tit,body.night .list-main .soft>ul .soft-title,body.night .list-nav li a,body.night .list-nav.search,body.night .list-soft-plate .plate-list li .fr h3 a,body.night .list-soft-tab .type a,body.night .list-special-main .box-list-item .item-in .in-list .list-info h3,body.night .pages .no-result h2,body.night .qy-comment .qy-comment-title,body.night .right.public .cnxh ul li a,body.night .right.public .r-list .bar li,body.night .right.public .r-list .order li a,body.night .right.public .r-talk ul .excerpt a,body.night .right.public .rmrj ul,body.night .right.public .rmrj ul a,body.night .shop-list .li-quan .desc-wrap .product-title-wrap .product-title,body.night .site-info .web .fl li,body.night .site-info .web .fl li a,body.night .site-list ul li a h3,body.night .site-more ul li h3,body.night .site-nav li a,body.night .special-main .cover ul li .tit h3,body.night .special-main .special-box .box-list-item .item-in .in-btn a,body.night .special-main .special-box .box-list-item .item-in .in-list .list-info h3,body.night .tags-page h2,body.night .title,body.night .user-box .layui-input,body.night .user-login .layui-inputz,body.night .user-menu li a,body.night .user-stow .list .txt .tit,body.night header .layui-nav .layui-nav-item a,body.night header .night-open a,body.night header .search-open,body.night header .user-open a,body.night.list-main .cover ul li .tit span,body.night .hot-soft .plate-list li p span a{color:#c0c4cc} body.night #newdigg a,body.night #search .search input.txt,body.night .article-body h6,body.night .article-down .title,body.night .article-down ul li,body.night .article-down ul li a,body.night .article-filepage blockquote,body.night .article-pinglun .title,body.night .article-tags,body.night .article-tit .info,body.night .copyright,body.night .hot-soft .plate-list li .img,body.night .hot-soft .type,body.night .index-news .news-type a.hover,body.night .index-news-list ul li font,body.night .index-news-list ul li span,body.night .index-tool-list li img,body.night .layui-colla-content,body.night .layui-colla-item,body.night .layui-collapse,body.night .layui-layer-title,body.night .list-article-plate .fr,body.night .list-article-plate .fr li:hover a,body.night .list-article-tab .type,body.night .list-cover-main .tit h3,body.night .list-cover-main li,body.night .list-cover-main ul.layui-clear li .tit h3,body.night .list-main .article>ul .tit span,body.night .list-main .article>ul li,body.night .list-main .cover ul li,body.night .list-main .cover ul li .tit h3,body.night .list-main .left>ul li,body.night .list-main .left>ul li span,body.night .list-main .soft.list>ul li .img,body.night .list-main .soft.list>ul li span.type,body.night .list-main .soft>ul .list-img,body.night .list-main .soft>ul li,body.night .list-soft-plate .plate-list li,body.night .list-soft-plate .plate-list li .fl,body.night .list-soft-tab .type,body.night .list-special-main .box-list-item .item-in,body.night .list-special-main .box-list-item .item-in .in-btn a,body.night .list-special-main .box-list-item .item-in .in-info,body.night .night-border,body.night .right .sjmh .search input.txt,body.night .right.public .cnxh li .img,body.night .right.public .r-list .bar,body.night .right.public .r-talk ul li,body.night .right.public .rmrj ul .img,body.night .right.public .title,body.night .site-info .web .fl li,body.night .site-list ul li a .img,body.night .site-more ul li,body.night .site-more ul li a .img,body.night .site-nav li a,body.night .special-main .cover ul li,body.night .special-main .cover ul li .tit h3,body.night .special-main .special-box .box-list-item .item-in,body.night .special-main .special-box .box-list-item .item-in .in-info,body.night .user-box .layui-input,body.night .user-login .layui-input,body.night .user-stow .list .img,body.night .user-stow .list ul li,body.night footer .footer ul li{border-color:#565656} body.night .qy-comment .b-emote-submit,body.night .user{background:#3a3a3a} body.night .right.public .r-talk ul .excerpt:before{border-bottom-color:#252525} body.night .right.public .r-list .rank-head{color:#d7dbe2} body.night .right.public .r-list .bar button,body.night .right.public .r-list .bar li[data-id]{color:#c0c4cc} body.night .right.public .r-list .bar button.sel,body.night .right.public .r-list .bar li[data-id].sel{color:#65b4ff} body.night .right.public .r-list .order li a:hover{background:#323b46;color:#8bc7ff} body.night .right.public .r-list .order a i{background:#3a3d42;color:#c0c4cc} body.night .right.public .r-list .order li:nth-child(1) a i{background:#007bf5;color:#fff} body.night .right.public .r-list .order li:nth-child(2) a i{background:#389cff;color:#fff} body.night .right.public .r-list .order li:nth-child(3) a i{background:#87c3ff;color:#fff} body.night .right.public .r-list .order li:nth-child(4) a i{background:#376b9f;color:#fff} body.night .article-body h6 span{color:#c0c4cc!important} body.night #newdigg a.yjz{background:#252525 url(../images/yjz.png) no-repeat 20px center} body.night #newdigg a.wjz{background:#252525 url(../images/wjz.png) no-repeat 20px center} body.night .layui-layer-close1{background:url(../images/layui_icon.png) no-repeat;background-position:1px -40px} body.night .article-tit .collect{background:#323335!important} body.night .article-tit .collect.cover i{color:#f69910} body.night .index-box .search-box,body.night header{background:rgb(0 0 0/50%)} @media screen and (min-width:801px) and (max-width:1199px){ body.soft-article-page{min-width:100%} body.soft-article-page .container{width:95%;max-width:100%;margin-right:auto;margin-left:auto} body.soft-article-page .article-main .left{float:none;width:100%;box-sizing:border-box} body.soft-article-page .article-main .right.public{display:none} body.soft-article-page .backdown{display:none} body.soft-article-page header .logo{float:left;width:11rem;height:3.1rem;margin:auto} body.soft-article-page header .logo img{display:block;height:100%;margin:auto} body.soft-article-page header .menu{display:block;width:30px;margin:0;font-size:15px;line-height:70px;text-align:center} body.soft-article-page header nav{position:absolute;top:71px;left:0;width:100%;padding:0;border-radius:0 0 5px 5px;background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.1)} body.soft-article-page header .layui-nav{display:none;padding:10px 5px} body.soft-article-page header .layui-nav .layui-nav-item{margin:5px;border-radius:10px;background:#f6f6f6;line-height:30px!important} body.soft-article-page header .layui-nav .layui-this{background:#007bf5!important} body.soft-article-page header .layui-nav .layui-this a{color:#fff!important} body.night.soft-article-page header nav{background:#323335} body.night.soft-article-page header .layui-nav .layui-nav-item{background:#252525} } /* 夜间模式：导航第2项(电脑游戏)黑色图标改浅色，避免深底看不见 */ body.night nav ul li:nth-child(2) i{color:#c0c4cc} .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} /* /static/css/article_random_recommend_left_20260905.css */ .soft-article-page .right.public .cnxh li{min-height:74px} .soft-article-page .right.public .cnxh li .img{float:left;width:72px;height:72px;border-radius:9px;background:#edf1f6;box-sizing:border-box} .soft-article-page .right.public .cnxh li .img img{display:block;width:100%;height:100%;object-fit:contain} .soft-article-page .right.public .cnxh li .tit{float:right;width:calc(100% - 86px);padding-top:3px} body.night.soft-article-page .right.public .cnxh li .img{background:#24282e} @media screen and (max-width:640px){.soft-article-page .right.public .cnxh li .img{width:64px;height:64px}.soft-article-page .right.public .cnxh li .tit{width:calc(100% - 77px);padding-top:1px}} /* /static/css/article_blindbox_entry_20260905.css */ /* 游戏详情页右栏 · 游戏盲盒入口。仅调整展示，不改变原链接与跳转逻辑。 */ body.soft-article-page .right.public .sjmh{ --blindbox-accent:#5b8def; --blindbox-accent-deep:#4778d5; position:relative; z-index:999; overflow:hidden; box-sizing:border-box; margin:0 auto 20px; padding:19px 18px 17px; border:1px solid #e1e8f2; border-radius:14px; background: radial-gradient(circle at 95% 4%,rgba(91,141,239,.14),transparent 36%), linear-gradient(145deg,#fff 0%,#f8fbff 100%); box-shadow:0 14px 30px -25px rgba(29,56,96,.58); text-align:left; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; } body.soft-article-page .right.public .sjmh:hover{ border-color:#cbdaf0; box-shadow:0 18px 34px -24px rgba(42,84,151,.62); transform:translateY(-2px); } /* 右上角使用纯 CSS 生成一组卡牌，不增加图片或网络请求。 */ body.soft-article-page .right.public .sjmh:after{ position:absolute; top:24px; right:20px; width:39px; height:51px; border:1px solid rgba(91,141,239,.32); border-radius:8px; background: radial-gradient(circle at 32% 31%,#6e9cf1 0 2px,transparent 2.5px), radial-gradient(circle at 68% 50%,#6e9cf1 0 2px,transparent 2.5px), radial-gradient(circle at 32% 69%,#6e9cf1 0 2px,transparent 2.5px), linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,240,252,.98)); box-shadow:-7px 6px 0 -1px #f1f5fb,-7px 6px 0 0 #d9e4f3; content:""; opacity:.9; pointer-events:none; transform:rotate(7deg); transition:transform .25s ease; } body.soft-article-page .right.public .sjmh:hover:after{transform:rotate(10deg) translateY(-2px)} body.soft-article-page .right.public .sjmh h4{ position:relative; z-index:1; max-width:calc(100% - 58px); margin:0; font-size:20px; font-weight:750; line-height:1.38; letter-spacing:-.02em; } body.soft-article-page .right.public .sjmh h4 .blindbox-entry{ display:block; color:#202938; transition:color .2s ease; } body.soft-article-page .right.public .sjmh h4 .blindbox-entry:before{ display:block; margin-bottom:6px; color:var(--blindbox-accent-deep); content:"\f074 游戏盲盒"; font-family:FontAwesome,"Microsoft YaHei",sans-serif; font-size:12px; font-weight:600; line-height:18px; letter-spacing:.08em; } body.soft-article-page .right.public .sjmh h4 .blindbox-entry:hover{color:var(--blindbox-accent-deep)} body.soft-article-page .right.public .sjmh .search{ position:relative; z-index:1; margin:10px 0 14px; } body.soft-article-page .right.public .sjmh .search:before{ display:block; margin-bottom:8px; color:#6d7888; content:"让盲盒替你做决定"; font-size:13px; line-height:20px; } body.soft-article-page .right.public .sjmh .blindbox-ed-entry{ display:inline-flex; align-items:center; width:auto; height:27px; padding:0 9px; border-color:#dce7f5; border-radius:999px; background:rgba(244,248,253,.92); color:#718096; font-size:11px; line-height:25px; transition:border-color .2s ease,background-color .2s ease,color .2s ease; } body.soft-article-page .right.public .sjmh .blindbox-ed-entry:before{ margin-right:5px; content:"\f06e"; font-family:FontAwesome; font-size:10px; } body.soft-article-page .right.public .sjmh .blindbox-ed-entry:hover{ border-color:#bdd1ec; background:#edf4fd; color:#4778b8; } body.soft-article-page .right.public .sjmh .blindbox-entry-button{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; width:100%; height:38px; padding:0 14px; border:1px solid #cfddf0; border-radius:10px; background:#e8f1fc; box-shadow:none; color:#3e6fae; font-size:14px; font-weight:700; line-height:38px; text-align:center; transition:background-color .2s ease,color .2s ease,border-color .2s ease; } body.soft-article-page .right.public .sjmh .blindbox-entry-button:after{ content:"\f105"; font-family:FontAwesome; font-size:12px; transition:transform .2s ease; } body.soft-article-page .right.public .sjmh .blindbox-entry-button:hover{ border-color:#bed1e9; background:#ddeafa; box-shadow:none; color:#315f99; } body.soft-article-page .right.public .sjmh .blindbox-entry-button:hover:after{transform:translateX(3px)} body.soft-article-page .right.public .sjmh a:focus-visible{outline:2px solid #7fabed;outline-offset:3px} body.night.soft-article-page .right.public .sjmh{ border-color:#3b4655; background: radial-gradient(circle at 95% 4%,rgba(92,143,226,.16),transparent 36%), linear-gradient(145deg,#292d33 0%,#262a30 100%); box-shadow:0 16px 32px -25px rgba(0,0,0,.9); } body.night.soft-article-page .right.public .sjmh:hover{border-color:#4b5b70;box-shadow:0 18px 36px -25px rgba(0,0,0,.95)} body.night.soft-article-page .right.public .sjmh:after{ border-color:rgba(111,160,235,.4); background: radial-gradient(circle at 32% 31%,#82acf0 0 2px,transparent 2.5px), radial-gradient(circle at 68% 50%,#82acf0 0 2px,transparent 2.5px), radial-gradient(circle at 32% 69%,#82acf0 0 2px,transparent 2.5px), linear-gradient(145deg,#353c47,#2c333e); box-shadow:-7px 6px 0 -1px #2c323a,-7px 6px 0 0 #465364; } body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry{color:#edf2f8} body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry:hover{color:#9fc2f6} body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry:before{color:#8db5f1} body.night.soft-article-page .right.public .sjmh .search:before{color:#adb7c5} body.night.soft-article-page .right.public .sjmh .blindbox-ed-entry{ border-color:#3d4c60; background:rgba(48,57,69,.9); color:#aebbc9; } body.night.soft-article-page .right.public .sjmh .blindbox-ed-entry:hover{border-color:#557092;background:#344153;color:#bcd4f3} body.night.soft-article-page .right.public .sjmh .blindbox-entry-button{ border-color:#465468; background:#333d4a; color:#afc6e6; } body.night.soft-article-page .right.public .sjmh .blindbox-entry-button:hover{ border-color:#536780; background:#394757; color:#c3d5ed; } @media screen and (max-width:1320px) and (min-width:1200px){ body.soft-article-page .right.public .sjmh{padding-right:16px;padding-left:16px} body.soft-article-page .right.public .sjmh:after{right:17px} body.soft-article-page .right.public .sjmh h4{font-size:19px} } /* /static/css/article_sidebar_discovery_20260905.css */ /* 游戏详情页右栏：热门排行榜 + 随机推荐。仅改变展示，不改变数据及交互逻辑。 */ /* ---------- 热门排行榜 ---------- */ body.soft-article-page .right.public .r-list{ position:relative; box-sizing:border-box; margin:0 0 20px; padding:16px 16px 14px; border:1px solid #e1e8f2; border-radius:14px; background: radial-gradient(circle at 96% 0,rgba(91,141,239,.1),transparent 28%), linear-gradient(145deg,#fff 0%,#fbfdff 100%); box-shadow:0 14px 30px -25px rgba(29,56,96,.58); transition:border-color .22s ease,box-shadow .22s ease; } body.soft-article-page .right.public .r-list:hover{ border-color:#cbdaf0; box-shadow:0 18px 34px -25px rgba(42,84,151,.58); } body.soft-article-page .right.public .r-list:before{ display:flex; align-items:center; height:24px; color:#202938; content:"\f005 热门排行榜"; font-family:FontAwesome,"Microsoft YaHei",sans-serif; font-size:15px; font-weight:700; line-height:24px; } body.soft-article-page .right.public .r-list:after{ position:absolute; top:18px; right:16px; color:#8793a4; content:"大家都在玩"; font-size:12px; line-height:20px; } body.soft-article-page .right.public .r-list .bar{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); box-sizing:border-box; height:38px; margin:11px 0 9px; padding:3px; border:0; border-radius:10px; background:#f1f4f8; } body.soft-article-page .right.public .r-list .bar li{height:32px;margin:0;padding:0} body.soft-article-page .right.public .r-list .bar button{ height:32px; padding:0; border:0; border-radius:8px; color:#6f7a89; font-size:12px; line-height:32px; transition:background-color .18s ease,color .18s ease,box-shadow .18s ease; } body.soft-article-page .right.public .r-list .bar button:hover{background:rgba(255,255,255,.7);color:#4778c6} body.soft-article-page .right.public .r-list .bar button.sel{ border:0; background:#fff; box-shadow:0 3px 9px -5px rgba(45,72,112,.55); color:#4778d5; font-weight:700; } body.soft-article-page .right.public .r-list .bar button:focus-visible{outline:2px solid #83aaeb;outline-offset:-2px} body.soft-article-page .right.public .r-list .bd{margin-top:0;counter-reset:game-rank} body.soft-article-page .right.public .r-list .order li{ height:29px; margin:0; line-height:29px; counter-increment:game-rank; } body.soft-article-page .right.public .r-list .order li a{ display:flex; align-items:center; box-sizing:border-box; width:100%; height:29px; min-width:0; padding:0 6px; border-radius:8px; color:#475160; font-size:13px; line-height:29px; transition:background-color .18s ease,color .18s ease,transform .18s ease; } body.soft-article-page .right.public .r-list .order li a:hover{ background:#f1f6fd; color:#326bc4; transform:translateX(2px); } body.soft-article-page .right.public .r-list .order li a i{ display:inline-flex; flex:0 0 24px; align-items:center; justify-content:center; box-sizing:border-box; width:24px; height:24px; margin-right:7px; border-radius:7px; background:#f0f3f7; color:#8b95a3; font-size:0; font-style:normal; font-variant-numeric:tabular-nums; line-height:24px; } body.soft-article-page .right.public .r-list .order li a i:before{ content:counter(game-rank,decimal-leading-zero); font-family:Arial,sans-serif; font-size:12px; font-weight:700; } body.soft-article-page .right.public .r-list .order li a span{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } body.soft-article-page .right.public .r-list .order li:nth-child(-n+3){height:34px;line-height:34px} body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a{ height:32px; margin:1px 0; background:linear-gradient(90deg,rgba(238,245,255,.95),rgba(248,251,255,.35)); color:#303b4b; font-weight:600; line-height:32px; } body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a:hover{background:#edf4fe;color:#2f67bc} body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a i{width:27px;height:27px;flex-basis:27px;color:#fff;line-height:27px} body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a i:before{font-size:13px} body.soft-article-page .right.public .r-list .order li:nth-child(1) a i{background:linear-gradient(135deg,#4c86e6,#6c78df);box-shadow:0 5px 10px -6px rgba(55,93,175,.85)} body.soft-article-page .right.public .r-list .order li:nth-child(2) a i{background:#7f9bc7} body.soft-article-page .right.public .r-list .order li:nth-child(3) a i{background:#9eb3d2} /* ---------- 随机推荐 ---------- */ body.soft-article-page .right.public .cnxh{ position:relative; box-sizing:border-box; margin:0 0 20px; padding:16px 14px 12px; border:1px solid #e1e8f2; border-radius:14px; background: radial-gradient(circle at 96% 0,rgba(111,121,223,.08),transparent 30%), linear-gradient(145deg,#fff 0%,#fbfdff 100%); box-shadow:0 14px 30px -25px rgba(29,56,96,.58); transition:border-color .22s ease,box-shadow .22s ease; } body.soft-article-page .right.public .cnxh:hover{ border-color:#cbdaf0; box-shadow:0 18px 34px -25px rgba(42,84,151,.58); } body.soft-article-page .right.public .cnxh .title{ display:flex; align-items:center; height:27px; margin:0 2px 9px; padding:0; border:0; color:#202938; font-size:15px; font-weight:700; line-height:27px; } body.soft-article-page .right.public .cnxh .title:before{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; margin-right:7px; border-radius:8px; background:#eef4fd; color:#527fc8; content:"\f14e"; font-family:FontAwesome; font-size:12px; font-weight:400; } body.soft-article-page .right.public .cnxh .title:after{ position:static; width:auto; height:24px; margin-left:auto; padding:0 9px; border-radius:999px; background:#f2f5f9; color:#8793a4; content:"发现新内容"; font-size:12px; font-weight:500; line-height:24px; } body.soft-article-page .right.public .cnxh ul{margin:0;padding:0;background:transparent} body.soft-article-page .right.public .cnxh li{ min-height:0; margin:2px 0; border:0; border-radius:10px; } body.soft-article-page .right.public .cnxh li:first-child{margin-top:0} body.soft-article-page .right.public .cnxh li:last-child{margin-bottom:0} body.soft-article-page .right.public .cnxh li>a{ display:flex; align-items:center; box-sizing:border-box; min-width:0; min-height:70px; padding:6px; border-radius:10px; color:#394454; transition:background-color .2s ease,color .2s ease,transform .2s ease; } body.soft-article-page .right.public .cnxh li>a:hover{ background:#f2f6fc; color:#326bc4; transform:translateY(-1px); } body.soft-article-page .right.public .cnxh li .img{ float:none; flex:0 0 58px; box-sizing:border-box; width:58px; height:58px; margin:0 10px 0 0; overflow:hidden; border:1px solid #e7ecf3; border-radius:10px; background:#f0f3f7; } body.soft-article-page .right.public .cnxh li .img img{ display:block; width:100%; height:100%; border-radius:9px; object-fit:contain; transition:transform .25s ease; } body.soft-article-page .right.public .cnxh li>a:hover .img img{transform:scale(1.045)} body.soft-article-page .right.public .cnxh li .tit{ float:none; flex:1 1 auto; width:auto; min-width:0; padding:0; } body.soft-article-page .right.public .cnxh li .tit h4{ display:-webkit-box; height:auto; min-height:0; margin:0 0 5px; overflow:hidden; color:inherit; font-size:13px; font-weight:600; line-height:18px; word-break:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; } body.soft-article-page .right.public .cnxh li .tit span{ display:block; overflow:hidden; color:#929dab; font-size:11px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; } /* ---------- 夜间模式 ---------- */ body.night.soft-article-page .right.public .r-list, body.night.soft-article-page .right.public .cnxh{ border-color:#3b4655; background: radial-gradient(circle at 96% 0,rgba(92,143,226,.12),transparent 30%), linear-gradient(145deg,#292d33 0%,#262a30 100%); box-shadow:0 16px 32px -25px rgba(0,0,0,.9); } body.night.soft-article-page .right.public .r-list:hover, body.night.soft-article-page .right.public .cnxh:hover{border-color:#4b5b70;box-shadow:0 18px 36px -25px rgba(0,0,0,.95)} body.night.soft-article-page .right.public .r-list:before, body.night.soft-article-page .right.public .cnxh .title{color:#edf2f8} body.night.soft-article-page .right.public .r-list:after{color:#8e9aa9} body.night.soft-article-page .right.public .r-list .bar{background:#22272e} body.night.soft-article-page .right.public .r-list .bar button{color:#aeb8c5} body.night.soft-article-page .right.public .r-list .bar button:hover{background:#303740;color:#bcd4f3} body.night.soft-article-page .right.public .r-list .bar button.sel{background:#343c47;box-shadow:none;color:#9fc2f6} body.night.soft-article-page .right.public .r-list .order li a{color:#c2cad5} body.night.soft-article-page .right.public .r-list .order li a:hover{background:#303944;color:#a9c8f4} body.night.soft-article-page .right.public .r-list .order li a i{background:#343b44;color:#a9b4c1} body.night.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a{background:linear-gradient(90deg,rgba(53,65,82,.9),rgba(43,49,58,.35));color:#d8dee7} body.night.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a:hover{background:#344152;color:#bad2f3} body.night.soft-article-page .right.public .cnxh .title:before{background:#303b4c;color:#8fb6ef} body.night.soft-article-page .right.public .cnxh .title:after{background:#333a43;color:#a6b0bd} body.night.soft-article-page .right.public .cnxh ul{background:transparent} body.night.soft-article-page .right.public .cnxh li>a{color:#d0d7e0} body.night.soft-article-page .right.public .cnxh li>a:hover{background:#303944;color:#b4cef2} body.night.soft-article-page .right.public .cnxh li .img{border-color:#3d4652;background:#24282e} body.night.soft-article-page .right.public .cnxh li .tit span{color:#929eac} /* 1200-1320px 时站点固定导航右侧图标会换行，给首个模块保留安全距离。 */ @media screen and (min-width:1200px) and (max-width:1320px){ body.soft-article-page .right.public .r-list{margin-top:38px} } /* /static/css/article_fcgame_promo_20260905.css */ body.soft-article-page .fcgame-promo-placement{box-sizing:border-box} body.soft-article-page .fcgame-promo-placement.is-sidebar{display:block;margin-top:20px} body.soft-article-page .fcgame-promo-placement.is-mobile{display:none} body.soft-article-page .fcgame-promo{position:relative;overflow:hidden;border:1px solid #dce6f3;border-radius:16px;background:linear-gradient(145deg,#fbfdff 0%,#f1f6fd 58%,#f5f3fb 100%);box-shadow:0 12px 28px -24px rgba(45,76,116,.45)} body.soft-article-page .fcgame-promo-link{position:relative;z-index:1;display:block;box-sizing:border-box;padding:22px;color:#27364b;text-decoration:none;transition:transform .2s ease,background-color .2s ease} body.soft-article-page .fcgame-promo-link:hover{color:#27364b;transform:translateY(-1px)} body.soft-article-page .fcgame-promo-glow{position:absolute;right:-58px;top:-72px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(91,141,239,.13),rgba(91,141,239,0) 68%);pointer-events:none} body.soft-article-page .fcgame-promo-head{display:flex;align-items:center;gap:10px;margin-bottom:15px} body.soft-article-page .fcgame-promo-icon{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #d2e0f2;border-radius:12px;background:#eaf2fd} body.soft-article-page .fcgame-promo-icon svg{display:block;width:29px;height:22px;fill:none;stroke:#5b7fb8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} body.soft-article-page .fcgame-promo-icon circle:first-of-type{fill:#e9b64d;stroke:none} body.soft-article-page .fcgame-promo-icon circle:last-of-type{fill:#df7887;stroke:none} body.soft-article-page .fcgame-promo-label{color:#71839c;font-size:12px;font-weight:600;letter-spacing:.04em} body.soft-article-page .fcgame-promo strong{display:block;color:#26364c;font-size:22px;font-weight:800;line-height:1.35} body.soft-article-page .fcgame-promo-copy{display:block;margin-top:9px;color:#718096;font-size:13px;line-height:1.75} body.soft-article-page .fcgame-promo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px} body.soft-article-page .fcgame-promo-tags span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid #dbe5f1;border-radius:999px;background:rgba(255,255,255,.76);color:#718097;font-size:11px} body.soft-article-page .fcgame-promo-action{display:flex;height:38px;align-items:center;justify-content:center;gap:8px;margin-top:17px;border:1px solid #cfddf0;border-radius:10px;background:#e8f1fc;color:#3e6fae;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s} body.soft-article-page .fcgame-promo-link:hover .fcgame-promo-action{border-color:#bed1e9;background:#ddeafa;color:#315f99} body.night.soft-article-page .fcgame-promo{border-color:#3c4653;background:linear-gradient(145deg,#292d33 0%,#2a3039 58%,#2d303a 100%);box-shadow:none} body.night.soft-article-page .fcgame-promo-link,body.night.soft-article-page .fcgame-promo-link:hover{color:#dce3ec} body.night.soft-article-page .fcgame-promo-glow{background:radial-gradient(circle,rgba(103,145,207,.12),rgba(103,145,207,0) 68%)} body.night.soft-article-page .fcgame-promo-icon{border-color:#455367;background:#313b48} body.night.soft-article-page .fcgame-promo-icon svg{stroke:#92acd0} body.night.soft-article-page .fcgame-promo-label{color:#9eacbd} body.night.soft-article-page .fcgame-promo strong{color:#e4e9f0} body.night.soft-article-page .fcgame-promo-copy{color:#a8b2bf} body.night.soft-article-page .fcgame-promo-tags span{border-color:#454e59;background:#32373e;color:#aeb7c3} body.night.soft-article-page .fcgame-promo-action{border-color:#465468;background:#333d4a;color:#afc6e6} body.night.soft-article-page .fcgame-promo-link:hover .fcgame-promo-action{border-color:#536780;background:#394757;color:#c3d5ed} @media screen and (max-width:1199px){body.soft-article-page .fcgame-promo-placement.is-mobile{display:block;margin-top:22px}body.soft-article-page .fcgame-promo-placement.is-sidebar{display:none}} @media screen and (max-width:800px){body.soft-article-page .fcgame-promo-link{padding:18px}body.soft-article-page .fcgame-promo-head{margin-bottom:12px}body.soft-article-page .fcgame-promo strong{font-size:20px}body.soft-article-page .fcgame-promo-copy{font-size:13px}body.soft-article-page .fcgame-promo-tags{margin-top:12px}body.soft-article-page .fcgame-promo-action{margin-top:14px}} @media (prefers-reduced-motion:reduce){body.soft-article-page .fcgame-promo-link,body.soft-article-page .fcgame-promo-action{transition:none}} /* /static/css/article_favorite_20260804.css */ /* 文章收藏按钮状态层，需在 public.css 之后加载。 */ .article-tit .collect { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 88px; height: 34px; padding: 0 14px; border: 1px solid #dfe6ef; border-radius: 17px; box-sizing: border-box; overflow: visible; background: #f5f7fa !important; color: #64748b; font-size: 13px; font-weight: 500; line-height: 32px; box-shadow: none; transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s; } .article-tit .collect i { padding: 0; color: #8b98aa; font-size: 14px; line-height: 1; } .article-tit .collect:not(.cover) i:before { content: "\f006"; } .article-tit .collect:hover { border-color: #75a7f5; background: #edf4ff !important; color: #3275df; box-shadow: 0 5px 14px -9px rgba(50, 117, 223, .7); } .article-tit .collect:hover i { color: #3275df; } .article-tit .collect.cover, .article-tit .collect.cover:hover { border-color: #3275df; background: #3275df !important; color: #fff; box-shadow: 0 7px 16px -10px rgba(50, 117, 223, .9); } .article-tit .collect.cover i, .article-tit .collect.cover:hover i { color: #ffd166; } .article-tit .collect:focus-visible, .article-share .social-share .collect:focus-visible { outline: 3px solid rgba(50, 117, 223, .24); outline-offset: 2px; } .article-tit .collect.is-pending, .article-share .social-share .collect.is-pending { opacity: .58; cursor: wait !important; pointer-events: none; } .article-share .social-share .collect { border: 0; background-color: #3275df !important; box-shadow: none; transition: background-color .2s, box-shadow .2s, transform .2s; } .article-share .social-share .collect:hover { background-color: #2364c8 !important; transform: translateY(-1px); } .article-share .social-share .collect.cover, .article-share .social-share .collect.cover:hover { background-color: #e6a317 !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .38), 0 5px 12px -8px rgba(168, 104, 0, .9); } body.night .article-tit .collect { border-color: #454b55; background: #32353a !important; color: #b6beca; } body.night .article-tit .collect i { color: #9aa4b2; } body.night .article-tit .collect:hover { border-color: #638fd6; background: #2f405b !important; color: #a9c7fb; } body.night .article-tit .collect.cover, body.night .article-tit .collect.cover:hover { border-color: #4d83dc; background: #356fcf !important; color: #fff; } body.night .article-tit .collect.cover i, body.night .article-tit .collect.cover:hover i { color: #ffd166; } @media screen and (max-width: 800px) { .article-tit .collect, .soft-detail .article-tit .collect { position: static !important; top: auto !important; right: auto !important; min-width: 86px; height: 34px; margin-top: 12px; padding: 0 13px; line-height: 32px; } } /* /static/css/article_breadcrumb_20260812.css */ .article-crumbs{ display:flex; align-items:center; min-width:0; min-height:24px; overflow:hidden; color:#8a94a3; font-size:13px; line-height:24px; visibility:visible; white-space:nowrap; } .article-crumb-label{ flex:0 0 auto; color:#687588; } .article-crumbs a{ min-width:0; overflow:hidden; color:#687588; text-overflow:ellipsis; transition:color .2s ease; } .article-crumbs a:last-child{ color:#2878df; font-weight:600; } .article-crumb-separator{ flex:0 0 auto; margin:0 8px; color:#b4bdc9; font-size:16px; line-height:1; } .article-crumbs a:hover, .article-crumbs a:focus-visible{ color:#1769c8!important; } .article-crumbs a:focus-visible{ border-radius:3px; outline:2px solid #2878df; outline-offset:2px; } body.night .article-crumb-label, body.night .article-crumbs a{ color:#9aa7b6; } body.night .article-crumbs a:last-child{ color:#8dbbf7; } body.night .article-crumb-separator{ color:#596675; } body.night .article-crumbs a:hover, body.night .article-crumbs a:focus-visible{ color:#b9d8ff!important; } @media screen and (max-width:800px){ .article-crumbs{ overflow-x:auto; scrollbar-width:none; } .article-crumbs::-webkit-scrollbar{ display:none; } .article-crumbs a{ flex:0 0 auto; max-width:42vw; } .article-crumb-separator{ margin:0 6px; } } @media (prefers-reduced-motion:reduce){ .article-crumbs a{ transition:none; } } /* /static/css/article_image_gallery_20260903.css */ .soft-detail .xd-image-gallery{position:relative;display:block;width:100%;margin:14px 0 22px;outline:none} /* 图库脚本初始化前隐藏正文图片，避免先出现原始纵向排版造成闪烁。 */ body.xd-gallery-pending .soft-detail .article-body article img{visibility:hidden} .soft-detail .xd-image-gallery-viewport{position:relative;display:block;aspect-ratio:16/9;min-height:220px;max-height:min(68vh,620px);overflow:hidden;border-radius:12px;background:#f3f6fb} .soft-detail .xd-image-gallery-viewport.has-image{aspect-ratio:auto;min-height:0;transition:height .18s ease} .soft-detail .xd-image-gallery-track{position:absolute;inset:0;display:block;width:100%;height:100%}.soft-detail .xd-image-gallery-slide{display:none;width:100%;height:100%;margin:0;text-align:center}.soft-detail .xd-image-gallery-slide.is-active{display:block} .soft-detail .xd-image-gallery-image{display:block;width:100%;max-width:100%;height:100%;max-height:none;margin:0!important;border-radius:0!important;object-fit:contain;cursor:zoom-in} .soft-detail .xd-image-gallery-status{position:absolute;top:12px;left:50%;z-index:2;max-width:calc(100% - 32px);padding:5px 12px;border-radius:8px;background:rgba(25,35,50,.8);color:#fff;font-size:13px;line-height:20px;text-align:center;transform:translateX(-50%);pointer-events:none}.soft-detail .xd-image-gallery-status[hidden]{display:none} .soft-detail .xd-image-gallery-control{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:64px;margin:0;padding:0;border:0;border-radius:10px;background:rgba(25,35,50,.62);color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.9;transform:translateY(-50%);transition:background-color .2s,opacity .2s} .soft-detail .xd-image-gallery-control:hover,.soft-detail .xd-image-gallery-control:focus-visible{background:rgba(25,35,50,.86);opacity:1}.soft-detail .xd-image-gallery-control.is-prev{left:12px}.soft-detail .xd-image-gallery-control.is-next{right:12px} .soft-detail .xd-image-gallery-counter{position:absolute;right:12px;bottom:10px;z-index:2;padding:3px 9px;border-radius:999px;background:rgba(25,35,50,.68);color:#fff;font-size:12px;line-height:18px} .soft-detail .xd-image-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding:2px 1px 5px;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.soft-detail .xd-image-gallery-thumb{flex:0 0 82px;width:82px;height:54px;padding:0;border:2px solid transparent;border-radius:7px;background:#eef2f7;overflow:hidden;cursor:pointer;scroll-snap-align:center;opacity:.72;transition:border-color .2s,opacity .2s,transform .2s}.soft-detail .xd-image-gallery-thumb:hover,.soft-detail .xd-image-gallery-thumb:focus-visible{opacity:1;transform:translateY(-1px)}.soft-detail .xd-image-gallery-thumb.is-active{border-color:#5b8def;opacity:1}.soft-detail .xd-image-gallery-thumb img{display:block;width:100%;height:100%;margin:0!important;border-radius:0!important;object-fit:cover} .soft-detail .xd-image-gallery-thumbs{scrollbar-width:thin;scrollbar-color:#aebccc transparent}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar{height:8px}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-button{display:none;width:0;height:0}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-track{background:transparent;border-radius:999px}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:#aebccc;background-clip:padding-box}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#5b91c7;background-clip:padding-box} .soft-detail .xd-image-gallery.is-single .xd-image-gallery-thumbs,.soft-detail .xd-image-gallery.is-single .xd-image-gallery-control{display:none}.soft-detail .xd-image-gallery:focus-visible .xd-image-gallery-viewport{box-shadow:0 0 0 3px rgba(91,141,239,.35)}body.night .soft-detail .xd-image-gallery-viewport{background:#202328}body.night .soft-detail .xd-image-gallery-thumb{background:#2d3138}body.night .soft-detail .xd-image-gallery-thumbs{scrollbar-color:#59687a transparent}body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{background:#59687a;background-clip:padding-box}body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#7ba9d8;background-clip:padding-box} @media screen and (max-width:800px){.soft-detail .xd-image-gallery{margin:10px 0 18px}.soft-detail .xd-image-gallery-viewport{min-height:150px;max-height:52vh;border-radius:10px;touch-action:pan-y}.soft-detail .xd-image-gallery-control{display:none}.soft-detail .xd-image-gallery-counter{right:8px;bottom:7px}.soft-detail .xd-image-gallery-thumbs{gap:6px;margin-top:8px;scrollbar-width:thin}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar{height:6px}.soft-detail .xd-image-gallery-thumb{flex-basis:68px;width:68px;height:46px}} @media(prefers-reduced-motion:reduce){.soft-detail .xd-image-gallery-viewport.has-image{transition:none}} /* /static/css/article_gallery_white_zoom_bold_20260915.css */ /* Unified rounded line icons; cursors stay inside native pointer rendering. */ .soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control{position:absolute;top:0;bottom:0;z-index:2;width:25%;height:100%;min-width:0;max-width:none;box-sizing:border-box;transform:none;border:0;border-radius:0;background:transparent;opacity:1;display:flex;align-items:center;padding:0 12px;box-shadow:none} .soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control.is-prev{left:0;justify-content:flex-start;cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cg%20transform%3D%22translate(1024%200)%20scale(-1%201)%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 14 14,w-resize} .soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control.is-next{right:0;justify-content:flex-end;cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E") 14 14,e-resize} .soft-detail .xd-image-gallery-image{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M728%20397.7c0-183.4-148.6-332-332-332S64%20214.4%2064%20397.7s148.6%20332%20332%20332%20332-148.6%20332-332zM393.6%20621c-123.3%200-223.3-100-223.3-223.3s100-223.3%20223.3-223.3%20223.3%20100%20223.3%20223.3S516.9%20621%20393.6%20621z%20m121.7-271.7c26.1%200%2047.3%2021.1%2047.3%2047.2s-21.2%2047.3-47.3%2047.3H442v73.3c0%2026.1-21.2%2047.3-47.3%2047.3-26.1%200-47.2-21.2-47.2-47.3v-73.3h-70.9c-26.1%200-47.2-21.1-47.2-47.3%200-26.1%2021.1-47.2%2047.2-47.2h70.9v-70.9c0-26.1%2021.1-47.3%2047.2-47.3s47.3%2021.1%2047.3%2047.3v70.9h73.3z%20m425.3%20454.2c25.8%2025.8%2025.8%2067.7%200%2093.6l-41.8%2041.8c-25.8%2025.8-67.7%2025.8-93.6%200L606.4%20740.1c-32.9-32.9%2023.8-32.3%2049.6-58.2l41.8-41.8c25.8-25.9%2015.7-63.6%2043.9-35.4l198.9%20198.8z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E") 11 11,zoom-in} .soft-detail .xd-image-gallery-control>span{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;box-sizing:border-box;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(248,251,255,.92);color:#36577c;font-size:0;line-height:1;pointer-events:none;box-shadow:0 2px 8px #152a4026;transition:background-color .15s,border-color .15s} .soft-detail .xd-image-gallery-control>span::before{content:"";display:block;width:20px;height:20px;background:var(--gallery-arrow) center/contain no-repeat;mask:none;-webkit-mask:none} .soft-detail .xd-image-gallery-control.is-prev{--gallery-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cg%20transform%3D%22translate(1024%200)%20scale(-1%201)%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} .soft-detail .xd-image-gallery-control.is-next{--gallery-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")} .soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control:hover{background:transparent} .soft-detail .xd-image-gallery-control:hover>span,.soft-detail .xd-image-gallery-control:focus-visible>span{background:#fff;border-color:#a6c2e5;color:#285887} .soft-detail .xd-image-gallery-control:focus-visible{outline:2px solid #8cb5ed;outline-offset:-3px} .soft-detail .xd-image-gallery-counter{pointer-events:none} body.night .soft-detail .xd-image-gallery-control>span{background:rgba(36,51,70,.92);border-color:#70859c;color:#d8e8fb} body.night .soft-detail .xd-image-gallery-control:hover>span,body.night .soft-detail .xd-image-gallery-control:focus-visible>span{background:#314760;border-color:#9dbbdc;color:#fff} @media(max-width:800px){.soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control{padding:0 8px}.soft-detail .xd-image-gallery-control>span{flex-basis:30px;width:30px;height:30px}} @media(prefers-reduced-motion:reduce){.soft-detail .xd-image-gallery-control>span{transition:none}} @media(min-width:801px){.soft-detail .xd-image-gallery-control>span{display:none}} /* White mobile arrows need a dark translucent backing; desktop stays unobstructed. */ @media(max-width:800px){.soft-detail .xd-image-gallery-control>span{background:rgba(25,35,50,.64);border-color:rgba(255,255,255,.3)}.soft-detail .xd-image-gallery-control:hover>span,.soft-detail .xd-image-gallery-control:focus-visible>span{background:rgba(25,35,50,.84);border-color:rgba(255,255,255,.5)}} /* /static/css/article_steam_rating_20260905.css */ .steam-review-card[hidden]{display:none!important} .soft-detail .steam-review-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;box-sizing:border-box;margin:16px 0 20px;padding:17px 18px;border:1px solid #dce6f1;border-radius:14px;background:linear-gradient(145deg,#fbfdff 0%,#f5f8fc 100%);box-shadow:0 14px 30px -27px rgba(29,56,96,.5);color:#354052} .soft-detail .steam-review-overview{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:20px;border-right:1px solid #e3e9f1} .soft-detail .steam-review-heading{display:flex;align-items:center;min-width:0} .soft-detail .steam-review-icon{display:inline-flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;margin-right:11px;border:1px solid #d5e1ee;border-radius:11px;background:#eaf2fa;color:#4f779f;font-size:21px} .soft-detail .steam-review-heading strong{display:block;color:#2d394a;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap} .soft-detail .steam-review-heading small{display:block;color:#8a96a5;font-size:13px;line-height:20px} .soft-detail .steam-review-level{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;min-height:27px;margin:10px 0 0 51px;padding:0 10px;border-radius:999px;font-size:14px;font-weight:700;line-height:27px} .soft-detail .steam-review-level.is-positive{background:#e3f4ec;color:#2e8660} .soft-detail .steam-review-level.is-mixed{background:#fff1d8;color:#a26c17} .soft-detail .steam-review-level.is-negative{background:#f9e7e9;color:#bd545d} .soft-detail .steam-review-detail{display:grid;grid-template-columns:minmax(225px,.9fr) minmax(260px,1.2fr);gap:18px;min-width:0} .soft-detail .steam-review-primary{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:18px;border-right:1px solid #e3e9f1} .soft-detail .steam-review-judgment{display:flex;flex-direction:column;justify-content:center;min-width:0} .soft-detail .steam-review-final-score{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap} .soft-detail .steam-review-final-score>strong{color:#356da8;font-size:31px;font-weight:800;line-height:34px;letter-spacing:-.04em} .soft-detail .steam-review-final-score>span{display:flex;align-items:baseline;gap:8px;color:#536174} .soft-detail .steam-review-final-score b{color:#788595;font-size:13px;font-weight:600} .soft-detail .steam-review-final-score small{font-size:15px;font-weight:700} .soft-detail .steam-review-rate{display:flex;align-items:baseline;gap:8px;margin:1px 0 0;min-width:0;color:#748192;font-size:14px;line-height:21px;white-space:nowrap} .soft-detail .steam-review-rate b{color:#536174;font-size:14px;font-weight:700} .soft-detail .steam-review-primary>small{margin-top:3px;color:#98a3b0;font-size:12px;line-height:19px;white-space:nowrap} .soft-detail .steam-review-primary>small[hidden]{display:none!important} .soft-detail .steam-review-verdict{margin:0 0 10px;color:#3d4a5c;font-size:15px;font-weight:700;line-height:22px} .soft-detail .steam-review-meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e9cfd2} .soft-detail .steam-review-meter span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#55b58b,#72c99f);transition:width .5s ease} .soft-detail .steam-review-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;color:#7c8999;font-size:13px;line-height:20px} .soft-detail .steam-review-meta b{color:#5c697a;font-size:14px;font-weight:700} .soft-detail .steam-review-meta b.is-positive{color:#2f8a63} .soft-detail .steam-review-meta b.is-negative{color:#c66068} body.night .soft-detail .steam-review-card{border-color:#3b4655;background:linear-gradient(145deg,#292d33 0%,#262a30 100%);box-shadow:none;color:#cbd3de} body.night .soft-detail .steam-review-overview{border-color:#3e4855} body.night .soft-detail .steam-review-icon{border-color:#44566b;background:#303d4c;color:#91b6da} body.night .soft-detail .steam-review-heading strong{color:#e0e6ee} body.night .soft-detail .steam-review-heading small,body.night .soft-detail .steam-review-primary>small,body.night .soft-detail .steam-review-meta{color:#939fad} body.night .soft-detail .steam-review-level.is-positive{background:#30473f;color:#83c9aa} body.night .soft-detail .steam-review-level.is-mixed{background:#50452e;color:#e5bd72} body.night .soft-detail .steam-review-level.is-negative{background:#50363a;color:#e18b92} body.night .soft-detail .steam-review-primary{border-color:#3e4855} body.night .soft-detail .steam-review-final-score>strong{color:#92bce7} body.night .soft-detail .steam-review-final-score>span,body.night .soft-detail .steam-review-final-score b{color:#aeb9c6} body.night .soft-detail .steam-review-rate{color:#aeb8c4} body.night .soft-detail .steam-review-rate b,body.night .soft-detail .steam-review-meta b{color:#c8d0da} body.night .soft-detail .steam-review-verdict{color:#d3dae4} body.night .soft-detail .steam-review-meter{background:#563b40} body.night .soft-detail .steam-review-meta b.is-positive{color:#75c9a3} body.night .soft-detail .steam-review-meta b.is-negative{color:#e18b92} @media screen and (max-width:640px){.soft-detail .steam-review-card{grid-template-columns:1fr;gap:13px;margin:14px 0 18px;padding:15px;border-radius:12px}.soft-detail .steam-review-overview{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0 0 13px;border-right:0;border-bottom:1px solid #e3e9f1}.soft-detail .steam-review-icon{width:38px;height:38px;flex-basis:38px;margin-right:9px;font-size:20px}.soft-detail .steam-review-heading strong{font-size:16px}.soft-detail .steam-review-heading small{font-size:13px}.soft-detail .steam-review-level{flex:0 0 auto;align-self:auto;min-height:27px;margin:0;padding:0 9px;font-size:13px}.soft-detail .steam-review-detail{grid-template-columns:1fr;gap:10px}.soft-detail .steam-review-primary{position:relative;padding:0;border-right:0}.soft-detail .steam-review-final-score>strong{font-size:34px;line-height:37px}.soft-detail .steam-review-final-score>span{display:flex;align-items:baseline;gap:7px}.soft-detail .steam-review-final-score b,.soft-detail .steam-review-final-score small{display:inline;line-height:20px}.soft-detail .steam-review-final-score small{font-size:14px}.soft-detail .steam-review-rate{flex-wrap:wrap;gap:1px 7px;margin-top:3px;font-size:14px;white-space:normal}.soft-detail .steam-review-primary>small{position:absolute;top:5px;right:0;margin:0;font-size:11px}.soft-detail .steam-review-verdict{margin:0 0 9px;font-size:15px;line-height:22px}.soft-detail .steam-review-meta{gap:4px 12px;font-size:13px}.soft-detail .steam-review-meta b{font-size:14px}body.night .soft-detail .steam-review-overview{border-bottom-color:#3e4855}} /* /static/css/member_search_dialog_game_v2_20260805.css */ header .search-open .search-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:100%;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer;transition:color .2s,background-color .2s,transform .2s} header .search-open .search-toggle:hover{background:#edf5ff;color:#2878df;transform:translateY(-1px)} header .search-open .search-toggle:focus-visible{outline:2px solid #2878df;outline-offset:2px} .layui-layer.searchskin{width:min(640px,calc(100vw - 24px))!important;height:190px!important;overflow:hidden;border:1px solid #d9e5f3;border-top:3px solid #2878df;border-radius:8px!important;background:#fff;box-shadow:0 26px 72px -24px rgba(17,44,82,.46)!important} .layui-layer.searchskin:after{position:absolute;right:0;bottom:0;width:82px;height:3px;background:#20b9ca;content:""} .searchskin .layui-layer-content{height:100%!important;overflow:hidden!important} #search{position:relative;width:100%;height:100%;margin:0;padding:31px 34px 30px;box-sizing:border-box;border-radius:6px;background:#fff;-webkit-user-select:auto;user-select:auto} #search .closesearch{position:absolute;top:13px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#8491a3;font-size:17px;line-height:34px;cursor:pointer;transition:color .2s,background-color .2s,transform .2s} #search .closesearch:hover{background:#eef3f8;color:#28384d;transform:rotate(90deg)} #search .closesearch:focus-visible,#search .site-search-submit:focus-visible{outline:2px solid #2878df;outline-offset:2px} #search .site-search-heading{display:flex;align-items:center;gap:12px;padding-right:44px} #search .site-search-game-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #cfe0f5;border-radius:7px;background:#edf5ff;color:#2878df;font-size:20px;box-shadow:inset 0 -3px 0 rgba(40,120,223,.08)} #search h3{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;margin:0;color:#172437;text-align:left} #search h3 strong{font-size:21px;font-weight:700;line-height:25px} #search h3 small{color:#7c899a;font-size:11px;font-weight:500;line-height:16px;letter-spacing:0;text-transform:uppercase} #search .search{position:relative;margin:23px auto 0} #search .site-search-input-icon{position:absolute;top:0;left:17px;z-index:1;height:52px;color:#8090a4;font-size:15px;line-height:52px;pointer-events:none} #search .search input.txt{width:100%;height:52px;padding:0 108px 0 46px;box-sizing:border-box;border:1px solid #cfdae8;border-radius:7px;background:#f7f9fc;color:#27374a;font-size:14px;line-height:52px;text-indent:0;transition:border-color .2s,box-shadow .2s,background-color .2s} #search .search input.txt::placeholder{color:#8d99aa} #search .search input.txt:focus{border-color:#5a96e5;background:#fff;box-shadow:0 0 0 3px rgba(40,120,223,.12);outline:0} #search .search input.txt:focus~.site-search-submit{background:#216dce} #search .search input.txt::-webkit-search-cancel-button{margin-right:4px;cursor:pointer} #search .search .site-search-submit{position:absolute;top:5px;right:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:92px;height:42px;margin:0;padding:0 13px;border:0;border-radius:6px;background:#2878df;color:#fff;font-size:14px;font-weight:600;line-height:42px;letter-spacing:0;cursor:pointer;transition:background-color .2s,transform .2s} #search .search .site-search-submit i{font-size:14px;font-weight:400} #search .search .site-search-submit:hover{background:#216dce;transform:translateY(-1px)} body.night header .search-open .search-toggle{color:#c0c4cc} body.night header .search-open .search-toggle:hover{background:#303b4a;color:#86b7ff} body.night .layui-layer.searchskin{border-color:#35465b;border-top-color:#4c91ec;background:#222931;box-shadow:0 26px 72px -24px rgba(0,0,0,.76)!important} body.night .layui-layer.searchskin:after{background:#2abccc} body.night #search{background:#222931} body.night #search h3{color:#f0f4f8} body.night #search h3 small{color:#94a3b5} body.night #search .site-search-game-icon{border-color:#36577c;background:#263b54;color:#8cbbfa;box-shadow:inset 0 -3px 0 rgba(140,187,250,.06)} body.night #search .closesearch{color:#9eabba} body.night #search .closesearch:hover{background:#303a46;color:#f0f4f8} body.night #search .site-search-input-icon{color:#8394a8} body.night #search .search input.txt{border-color:#3d4a59;background:#29323c;color:#eef3f8} body.night #search .search input.txt::placeholder{color:#8d9aab} body.night #search .search input.txt:focus{border-color:#5796e8;background:#2c3641;box-shadow:0 0 0 3px rgba(87,150,232,.16)} body.night #search .search .site-search-submit{background:#347fdc;color:#fff} body.night #search .search .site-search-submit:hover,body.night #search .search input.txt:focus~.site-search-submit{background:#438de7} @media screen and (max-width:800px){#searchBox .layui-layer.searchskin,.layui-layer.searchskin{left:10px!important;width:calc(100vw - 20px)!important;height:184px!important;margin:0!important;transform:none!important}.searchskin .layui-layer-content{height:100%!important;overflow:hidden!important}#search{width:100%;height:100%!important;padding:23px 17px 20px}#search .closesearch{top:9px;right:9px;width:32px;height:32px}#search .site-search-heading{gap:10px;padding-right:38px}#search .site-search-game-icon{flex-basis:38px;width:38px;height:38px;font-size:18px}#search h3 strong{font-size:19px;line-height:23px}#search h3 small{font-size:10px;line-height:14px}#search .search{margin-top:17px}#search .site-search-input-icon{left:14px;height:48px;line-height:48px}#search .search input.txt{height:48px;padding-right:91px;padding-left:40px;line-height:48px}#search .search .site-search-submit{top:4px;right:4px;gap:5px;width:78px;height:40px;padding:0 10px;line-height:40px}} @media screen and (max-width:359px){#search{padding-right:13px;padding-left:13px}#search .search input.txt{padding-right:52px}#search .search .site-search-submit{width:42px;padding:0}#search .search .site-search-submit span{display:none}} @media (prefers-reduced-motion:reduce){header .search-open .search-toggle,#search .closesearch,#search .search .site-search-submit{transition:none}#search .closesearch:hover,#search .search .site-search-submit:hover,header .search-open .search-toggle:hover{transform:none}} /* /static/css/member_header_user_v3_20260805.css */ header .user-open{display:flex;align-items:center;justify-content:center;width:34px;height:70px;line-height:normal} header.su .user-open{height:50px;line-height:normal} header .user-open .user-entry,header .user-open .user-avatar-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin:0;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:50%;background:transparent;color:#344054;line-height:1;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,transform .2s} header .user-open .user-entry{border-color:#d8e6f7;background:#f5f8fc;color:#2878df;font-size:16px} header .user-open .user-entry:hover,header .user-open .user-entry:focus-visible{border-color:#d8e6f7;background:#edf5ff;color:#2878df;transform:translateY(-1px)} header .user-open .user-entry:focus-visible,header .user-open .user-avatar-button:focus-visible{outline:2px solid #2878df;outline-offset:2px} header .user-open .user-avatar-button{position:relative;border-color:#d4dfed;background:#f5f8fc} header .user-open .user-avatar-button:hover,header .user-open .user-avatar-button.is-open{border-color:#6ba4e9;background:#edf5ff;transform:translateY(-1px)} header .user-open .user-avatar-button .tx{display:block;width:26px;height:26px;margin:0;padding:0;border:0;border-radius:50%;object-fit:cover;vertical-align:middle} header .user-open .user-online-dot{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#20b981;box-sizing:content-box} header .user-open .user-open-box{top:54px;right:-12px;width:286px;padding-top:13px;line-height:normal;cursor:default} header.su .user-open .user-open-box{top:38px} header .user-open .user-open-info{width:100%;padding:15px;box-sizing:border-box;border:1px solid #dce5ef;border-radius:8px;background:#fff;box-shadow:0 20px 48px -20px rgba(22,43,72,.42);transform-origin:calc(100% - 23px) top} header .user-open .user-open-info>.user-menu-arrow{position:absolute;top:-6px;right:21px;z-index:1;width:10px;height:10px;border:1px solid #dce5ef;border-right:0;border-bottom:0;background:#fff;transform:rotate(45deg)} header .user-open .user-open-name{display:flex;align-items:center;width:100%;min-width:0;overflow:visible;line-height:20px} header .user-open .user-open-name .face{flex:0 0 44px;width:44px;height:44px;border:1px solid #dce5ef;border-radius:50%;object-fit:cover} header .user-open .user-open-name .xm{min-width:0;margin-left:10px;text-align:left} header .user-open .user-open-name .jjuname{max-width:145px;overflow:hidden;color:#202c3c;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap} header .user-open .user-open-name .xm em{display:block;max-width:145px;overflow:hidden;margin-top:2px;color:#7c8999;font-size:11px;font-style:normal;line-height:17px;text-overflow:ellipsis;white-space:nowrap} header .user-open .user-open-name .jjibie{color:#2878df} header .user-open .user-open-info .logined_btn{float:none!important;margin-left:auto;padding-left:8px} header .user-open .user-open-info .logined_btn a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;border-radius:6px;color:#8c98a8;font-size:14px;line-height:30px;transition:color .2s,background-color .2s} header .user-open .user-open-info .logined_btn a i{position:static;width:auto;height:auto;border:0;color:inherit;font-size:14px;line-height:1} header .user-open .user-open-info .logined_btn a:hover{background:#fff0f0;color:#df4c4c} header .user-open .user-open-info .user-open-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto;margin-top:14px;padding:12px 0 0;border-top:1px solid #edf1f5;overflow:visible;color:#667085} header .user-open .user-open-info .user-open-ul li{float:none;width:auto;margin:0} header .user-open .user-open-info .user-open-ul a{display:flex;align-items:center;gap:8px;height:42px;margin:0;padding:0 9px;border-radius:6px;background:#f7f9fc;color:#536174;font-size:12px;text-align:left;transition:color .2s,background-color .2s,transform .2s} header .user-open .user-open-info .user-open-ul a b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin:0;border-radius:6px;background:#e9f2fe;color:#2878df;font-size:15px;font-weight:400;line-height:28px} header .user-open .user-open-info .user-open-ul a:hover,header .user-open .user-open-info .user-open-ul a:focus-visible{background:#edf5ff;color:#2878df;transform:translateY(-1px)} header .user-open .user-open-info .user-open-ul a:focus-visible{outline:2px solid #2878df;outline-offset:1px} body.night header .user-open .user-entry{border-color:#3d4b5b;background:#303943;color:#8ebbf7} body.night header .user-open .user-entry:hover,body.night header .user-open .user-entry:focus-visible{border-color:#3d536d;background:#303b4a;color:#86b7ff} body.night header .user-open .user-avatar-button{border-color:#465361;background:#303943} body.night header .user-open .user-avatar-button:hover,body.night header .user-open .user-avatar-button.is-open{border-color:#568fda;background:#344354} body.night header .user-open .user-online-dot{border-color:#292a2d;background:#36c991} body.night header .user-open .user-open-info{border-color:#3b4653;background:#252c34;box-shadow:0 20px 48px -20px rgba(0,0,0,.76)} body.night header .user-open .user-open-info>.user-menu-arrow{border-color:#3b4653;background:#252c34} body.night header .user-open .user-open-name .face{border-color:#465361} body.night header .user-open .user-open-name .jjuname{color:#edf2f7} body.night header .user-open .user-open-name .xm em{color:#98a5b5} body.night header .user-open .user-open-name .jjibie{color:#83b5f7} body.night header .user-open .user-open-info .logined_btn a{color:#9aa7b6} body.night header .user-open .user-open-info .logined_btn a:hover{background:#442f34;color:#ff9292} body.night header .user-open .user-open-info .user-open-ul{border-color:#38434f} body.night header .user-open .user-open-info .user-open-ul a{background:#2c3540;color:#bdc7d3} body.night header .user-open .user-open-info .user-open-ul a b{background:#2c4562;color:#8dbbf7} body.night header .user-open .user-open-info .user-open-ul a:hover,body.night header .user-open .user-open-info .user-open-ul a:focus-visible{background:#33465b;color:#8fc0ff} @media screen and (max-width:800px){header .user-open{height:70px}header.su .user-open{height:50px}header .user-open .user-open-box{right:-19px;width:min(286px,calc(100vw - 20px))}header .user-open .user-open-info{padding:14px}header .user-open .user-open-name .jjuname,header .user-open .user-open-name .xm em{max-width:133px}} @media (prefers-reduced-motion:reduce){header .user-open .user-entry,header .user-open .user-avatar-button,header .user-open .user-open-info .user-open-ul a{transition:none}header .user-open .user-entry:hover,header .user-open .user-avatar-button:hover,header .user-open .user-open-info .user-open-ul a:hover{transform:none}} /* /static/css/member_header_actions_v2_20260805.css */ header .night-open,header .search-open,header .user-open{display:flex;align-items:center;justify-content:center;width:34px;height:70px;margin-left:8px;line-height:normal} header.su .night-open,header.su .search-open,header.su .user-open{height:50px;line-height:normal} header .night-open .night-toggle,header .search-open .search-toggle,header .user-open .user-entry,header .user-open .user-avatar-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin:0;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:50%;background:transparent;color:#344054;font:inherit;line-height:1;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .2s} header .night-open .night-toggle i,header .search-open .search-toggle i,header .user-open .user-entry i{font-size:16px;line-height:1} header .user-open .user-entry{border-color:transparent;background:transparent;color:#344054} header .user-open .user-avatar-button{border-color:#d8e6f7;background:#f5f8fc;color:#2878df} header .night-open .night-toggle:hover,header .search-open .search-toggle:hover,header .user-open .user-entry:hover,header .user-open .user-avatar-button:hover,header .user-open .user-avatar-button.is-open{border-color:#bcd4f2;background:#edf5ff;color:#2878df;transform:translateY(-1px)} header .night-open .night-toggle:focus-visible,header .search-open .search-toggle:focus-visible,header .user-open .user-entry:focus-visible,header .user-open .user-avatar-button:focus-visible{border-color:#73a7e8;background:#edf5ff;color:#2878df;outline:2px solid #2878df;outline-offset:2px} body.night header .night-open .night-toggle,body.night header .search-open .search-toggle{border-color:transparent;background:transparent;color:#c0c8d2} body.night header .user-open .user-entry{border-color:transparent;background:transparent;color:#c0c8d2} body.night header .user-open .user-avatar-button{border-color:#465565;background:#303943;color:#8ebbf7} body.night header .night-open .night-toggle:hover,body.night header .search-open .search-toggle:hover,body.night header .user-open .user-entry:hover,body.night header .user-open .user-avatar-button:hover,body.night header .user-open .user-avatar-button.is-open{border-color:#4d6681;background:#303b4a;color:#8ebcff;transform:translateY(-1px)} body.night header .night-open .night-toggle:focus-visible,body.night header .search-open .search-toggle:focus-visible,body.night header .user-open .user-entry:focus-visible,body.night header .user-open .user-avatar-button:focus-visible{border-color:#568fda;background:#303b4a;color:#8ebcff;outline-color:#72a9ef} @media screen and (max-width:800px){header .night-open,header .search-open,header .user-open{width:34px;height:70px;margin-left:7px}header.su .night-open,header.su .search-open,header.su .user-open{height:50px}} @media (prefers-reduced-motion:reduce){header .night-open .night-toggle,header .search-open .search-toggle,header .user-open .user-entry,header .user-open .user-avatar-button{transition:none}header .night-open .night-toggle:hover,header .search-open .search-toggle:hover,header .user-open .user-entry:hover,header .user-open .user-avatar-button:hover{transform:none}} @media screen and (max-width:340px){header .logo{width:130px;height:auto;padding:13px 0}header .logo img{width:100%;height:auto}} /* /static/css/member_header_logout_20260805.css */ header .user-open .user-open-info .user-open-name .logined_btn{display:flex;align-items:center;justify-content:center;flex:0 0 32px;margin-left:auto;padding-left:8px} header .user-open .user-open-info .user-open-name .logined_btn a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;margin:0;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:6px;background:transparent;color:#8290a2;font-size:14px;line-height:1;transition:border-color .2s,background-color .2s,color .2s} header .user-open .user-open-info .user-open-name .logined_btn a i{position:static;width:auto;height:auto;margin:0;border:0;color:inherit;font-size:14px;line-height:1;transform:none} header .user-open .user-open-info .user-open-name .logined_btn a:hover{border-color:#f3caca;background:#fff1f1;color:#dc4b4f} header .user-open .user-open-info .user-open-name .logined_btn a:focus-visible{border-color:#e58487;background:#fff1f1;color:#dc4b4f;outline:2px solid #df6468;outline-offset:2px} body.night header .user-open .user-open-info .user-open-name .logined_btn a{border-color:transparent;background:transparent;color:#9ca9b8} body.night header .user-open .user-open-info .user-open-name .logined_btn a:hover{border-color:#67434a;background:#442f34;color:#ff9699} body.night header .user-open .user-open-info .user-open-name .logined_btn a:focus-visible{border-color:#9e5d65;background:#442f34;color:#ff9699;outline-color:#d87880} /* /static/css/scrollbar_modern_20260818b.css */ /* 全站滚动条：保持可见性，减少亮蓝渐变对内容的干扰 */ html { scrollbar-color: #aebccc transparent; scrollbar-width: thin; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 999px; background: #aebccc; background-clip: padding-box; } ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background: #5b91c7; background-clip: padding-box; } body.night, html:has(body.night) { scrollbar-color: #59687a transparent; } html:has(body.night)::-webkit-scrollbar-thumb { background: #59687a; background-clip: padding-box; } html:has(body.night)::-webkit-scrollbar-thumb:hover, html:has(body.night)::-webkit-scrollbar-thumb:active { background: #7ba9d8; background-clip: padding-box; } /* /static/css/theme_transition_20260904.css */ body.xd-theme-transition, body.xd-theme-transition *, body.xd-theme-transition *::before, body.xd-theme-transition *::after { transition-property: color, background-color, border-color, box-shadow, fill, stroke !important; transition-duration: 180ms !important; transition-timing-function: ease !important; } header .logo a { animation: none !important; } header .logo a::before { display: none !important; animation: none !important; } @media (prefers-reduced-motion: reduce) { body.xd-theme-transition, body.xd-theme-transition *, body.xd-theme-transition *::before, body.xd-theme-transition *::after { transition: none !important; } } /* /static/css/article_sponsor_theme_20260916.css */ /* Test placement on game 11984 only. Shared palette for both sponsors. */ .soft-detail .xd-sponsor-test{margin:18px 0 8px;clear:both;--sp-text:#283a50;--sp-muted:#718196;--sp-line:#dfe8f2;--sp-panel:#f6f9fd} .xd-sponsor-test *{box-sizing:border-box} .xd-sponsor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:var(--sp-muted);font-size:12px;line-height:20px} .xd-sponsor-heading>span{font-weight:600;letter-spacing:.06em} .xd-sponsor-heading>small{padding:0 6px;border:1px solid var(--sp-line);border-radius:4px;font-size:11px;line-height:18px} .xd-sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .soft-detail .xd-sponsor-card{--sp-accent:#497cb6;display:flex;flex-direction:column;min-width:0;gap:12px;padding:17px 18px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-panel);color:var(--sp-text);text-decoration:none;transition:border-color .16s,background-color .16s} .xd-sponsor-top{display:flex;align-items:center;gap:11px;min-width:0} .xd-sponsor-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #dae5f3;border-radius:10px;background:#edf3fb;color:var(--sp-accent)} .xd-sponsor-icon svg{display:block;width:25px;height:25px} .xd-sponsor-brand{min-width:0} .xd-sponsor-brand small{display:block;margin-bottom:3px;color:var(--sp-muted);font-size:11px;line-height:16px} .xd-sponsor-brand strong{display:block;color:var(--sp-text);font-size:19px;font-weight:600;line-height:26px;overflow-wrap:anywhere} .xd-sponsor-test .xd-sponsor-description{margin:0;color:var(--sp-text);font-size:14px;line-height:23px} .xd-sponsor-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:auto} .xd-sponsor-note{color:var(--sp-muted);font-size:12px;line-height:20px} .xd-sponsor-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 10px;border:1px solid #d4e1f0;border-radius:7px;background:#fff;color:var(--sp-accent);font-size:13px;font-weight:600;line-height:22px;white-space:nowrap} .xd-sponsor-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s} .soft-detail .xd-sponsor-card:hover{border-color:#a8bfdc;background:#f0f5fc;color:var(--sp-text)} .xd-sponsor-card:hover .xd-sponsor-action svg{transform:translateX(2px)} .xd-sponsor-card:focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px} body.night .soft-detail .xd-sponsor-test{--sp-text:#e1e5eb;--sp-muted:#abb4c1;--sp-line:rgba(190,201,216,.22);--sp-panel:transparent} body.night .soft-detail .xd-sponsor-card{--sp-accent:#a4c6ec} body.night .xd-sponsor-icon{background:#304259;border-color:#415772} body.night .xd-sponsor-action{background:transparent;border-color:var(--sp-line)} body.night .soft-detail .xd-sponsor-card:hover{background:transparent;border-color:#79899c} @media(max-width:700px){.xd-sponsor-grid{grid-template-columns:minmax(0,1fr);gap:10px}.soft-detail .xd-sponsor-card{padding:14px;gap:10px}.xd-sponsor-brand strong{font-size:18px}.xd-sponsor-action{min-height:38px}} @media(prefers-reduced-motion:reduce){.soft-detail .xd-sponsor-card,.xd-sponsor-action svg{transition:none}} .soft-detail .xd-sponsor-test .xd-sponsor-brand-icon{border:0;background:transparent;border-radius:9px;overflow:hidden} .soft-detail .xd-sponsor-test .xd-sponsor-brand-icon img{display:block;width:40px;height:40px;max-width:100%;margin:0;border:0;border-radius:9px;object-fit:contain} .xd-sponsor-test .xd-sponsor-top{position:relative;padding-right:49px} .xd-sponsor-test .xd-sponsor-label{position:absolute;right:0;top:0;padding:1px 5px;border:1px solid var(--sp-line);border-radius:4px;color:var(--sp-muted);font-size:10px;font-weight:400;line-height:16px;white-space:nowrap} @media(max-width:360px){.xd-sponsor-test .xd-sponsor-top{padding-right:0;padding-top:22px}} .soft-detail .xd-sponsor-test,.soft-detail .xd-sponsor-test .xd-sponsor-label{background:transparent} /* /static/css/detail_performance_20260919.css */ /* Only the game-detail entry point includes these controls. */ .soft-detail .xd-video-launch{position:relative;display:block;aspect-ratio:16/9;width:100%;margin:8px 0 18px;overflow:hidden;border-radius:8px;background:#edf2f8;color:#344966} body.night .soft-detail .xd-video-launch{background:#20262f;color:#dae5f4} .soft-detail .xd-video-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:16px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transition:background-color .18s} .soft-detail .xd-video-start svg{width:52px;height:52px;padding:14px;box-sizing:border-box;border-radius:50%;background:#3278c4;fill:#fff;transition:transform .18s} .soft-detail .xd-video-start strong{font-size:18px;font-weight:600}.soft-detail .xd-video-start span{font-size:14px;opacity:.8} @media(hover:hover){.soft-detail .xd-video-start:hover{background:rgba(68,122,183,.06)}.soft-detail .xd-video-start:hover svg{transform:scale(1.06)}} .soft-detail .xd-video-start:focus-visible{outline:2px solid #558ecf;outline-offset:-4px} .soft-detail .xd-video-launch iframe{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;aspect-ratio:auto;border:0;border-radius:8px;background:#000} .soft-detail .xd-video-status{position:absolute;inset:auto 8px 8px;margin:0;padding:6px;border-radius:6px;background:#20262f;color:#fff;text-align:center;font-size:13px;line-height:1.5} .soft-detail .xd-video-status[hidden]{display:none!important} .soft-detail .xd-video-launch.is-ready .xd-video-start,.soft-detail .xd-video-launch.is-ready .xd-video-status{display:none} .soft-detail .xd-video-start:disabled{cursor:wait} @media(prefers-reduced-motion:reduce){.soft-detail .xd-video-start,.soft-detail .xd-video-start svg{transition:none}} @media(max-width:380px){ .soft-detail .steam-review-overview{flex-wrap:wrap;justify-content:flex-start;gap:8px} .soft-detail .steam-review-level{margin-left:49px} .soft-detail .steam-review-primary>small{position:static;margin-top:4px} } @font-face{font-family:FontAwesome;src:url("/static/fonts/detail_icons.4b14b69fcf56.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block;unicode-range:U+20,U+f005,U+f006,U+f00a,U+f019,U+f01a,U+f021,U+f02e,U+f03a,U+f042,U+f04a,U+f059,U+f05a,U+f06a,U+f06e,U+f071,U+f074,U+f077,U+f07a,U+f08a,U+f08b,U+f09a,U+f0ac,U+f0c9,U+f0e0,U+f105,U+f108,U+f10a,U+f11a,U+f11b,U+f12a,U+f145,U+f14e,U+f164,U+f165,U+f1b6,U+f1b7,U+f20a,U+f274,U+f2c0,U+f2d2}